@charset "UTF-8";/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ba0a2e9e]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ba0a2e9e] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ba0a2e9e]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ba0a2e9e] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ba0a2e9e]:root,
body.dark[data-v-ba0a2e9e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ba0a2e9e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ba0a2e9e]:root,
body.dark[data-v-ba0a2e9e] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ba0a2e9e]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ba0a2e9e]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ba0a2e9e] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-accordion[data-v-ba0a2e9e] {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  inline-size: 100%;
  color: var(--fg-primary);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ms-accordion--plain[data-v-ba0a2e9e] {
  --accordion-padding-inline: 0px;
  --accordion-trigger-focus-inset-inline: calc(-1 * var(--sp-8));
}
.ms-accordion--outlined[data-v-ba0a2e9e] {
  border: 1px solid var(--accordion-border);
  border-radius: var(--accordion-radius);
  background: var(--accordion-bg);
  overflow: hidden;
}
.ms-accordion--separated[data-v-ba0a2e9e] {
  gap: var(--accordion-separated-gap);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-7c8b462a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-7c8b462a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-7c8b462a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-7c8b462a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-7c8b462a]:root,
body.dark[data-v-7c8b462a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-7c8b462a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-7c8b462a]:root,
body.dark[data-v-7c8b462a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-7c8b462a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-7c8b462a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-7c8b462a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-accordion__item[data-v-7c8b462a] {
  min-inline-size: 0;
}
.ms-accordion--plain > .ms-accordion__item + .ms-accordion__item[data-v-7c8b462a], .ms-accordion--outlined > .ms-accordion__item + .ms-accordion__item[data-v-7c8b462a] {
  border-block-start: 1px solid var(--accordion-border);
}
.ms-accordion--separated > .ms-accordion__item[data-v-7c8b462a] {
  border: 1px solid var(--accordion-border);
  border-radius: var(--accordion-radius);
  background: var(--accordion-bg);
  /* Its own box now, so it clips its own trigger's tint. */
  overflow: hidden;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-bd963df0]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-bd963df0] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-bd963df0]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-bd963df0] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-bd963df0]:root,
body.dark[data-v-bd963df0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-bd963df0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-bd963df0]:root,
body.dark[data-v-bd963df0] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-bd963df0]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-bd963df0]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-bd963df0] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-accordion__trigger[data-v-bd963df0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--accordion-trigger-gap);
  position: relative;
  padding-block: var(--accordion-trigger-padding-block);
  padding-inline: var(--accordion-padding-inline);
  color: var(--accordion-trigger-fg);
  font: inherit;
  font-size: var(--accordion-trigger-font-size);
  font-weight: var(--accordion-trigger-font-weight);
  line-height: var(--leading-snug);
  text-align: start;
  cursor: pointer;
  list-style: none;
  transition: color var(--accordion-transition-duration) var(--accordion-transition-ease), opacity var(--accordion-transition-duration) var(--accordion-transition-ease);
}
.ms-accordion__trigger[data-v-bd963df0]::-webkit-details-marker {
  display: none;
}
.ms-accordion__trigger[data-v-bd963df0]:hover {
  opacity: var(--accordion-trigger-hover-opacity);
}
.ms-accordion__trigger[data-v-bd963df0]::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block: var(--accordion-trigger-focus-inset-block);
  inset-inline: var(--accordion-trigger-focus-inset-inline);
  border-radius: var(--accordion-trigger-focus-radius);
}
.ms-accordion__trigger[data-v-bd963df0]:focus-visible {
  outline: none;
}
.ms-accordion__trigger[data-v-bd963df0]:focus-visible::before {
  box-shadow: var(--focus-ring);
}
.ms-accordion__trigger[aria-disabled=true][data-v-bd963df0] {
  color: var(--accordion-trigger-fg-disabled);
  cursor: not-allowed;
}
.ms-accordion__trigger[aria-disabled=true][data-v-bd963df0]:hover {
  opacity: 1;
}
.ms-accordion__label[data-v-bd963df0] {
  min-inline-size: 0;
  unicode-bidi: plaintext;
}
.ms-accordion__icon[data-v-bd963df0] {
  flex-shrink: 0;
  inline-size: var(--accordion-icon-size);
  block-size: var(--accordion-icon-size);
  color: var(--accordion-icon-fg);
  transition: transform var(--accordion-transition-duration) var(--accordion-transition-ease);
}
.ms-accordion__item[data-state=open] .ms-accordion__icon[data-v-bd963df0] {
  transform: rotate(180deg);
}
.ms-accordion__trigger[aria-disabled=true] .ms-accordion__icon[data-v-bd963df0] {
  color: var(--accordion-trigger-fg-disabled);
}
@media (prefers-reduced-motion: reduce) {
.ms-accordion__icon[data-v-bd963df0] {
    transition: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d16a71b1]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d16a71b1] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d16a71b1]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d16a71b1] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d16a71b1]:root,
body.dark[data-v-d16a71b1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d16a71b1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d16a71b1]:root,
body.dark[data-v-d16a71b1] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d16a71b1]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d16a71b1]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d16a71b1] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-accordion__panel[data-v-d16a71b1] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--accordion-transition-duration) var(--accordion-transition-ease);
}
.ms-accordion__panel--open[data-v-d16a71b1] {
  grid-template-rows: 1fr;
}
.ms-accordion__panel-inner[data-v-d16a71b1] {
  overflow: hidden;
  min-block-size: 0;
}
.ms-accordion__panel-inner--settled[data-v-d16a71b1] {
  overflow: visible;
}

/* The padding is here and not on the element above, and that is not tidiness. */
.ms-accordion__panel-body[data-v-d16a71b1] {
  padding-inline: var(--accordion-padding-inline);
  padding-block: var(--accordion-panel-padding-block-start) var(--accordion-panel-padding-block-end);
  color: var(--accordion-panel-fg);
  font-size: var(--accordion-panel-font-size);
  line-height: var(--accordion-panel-leading);
  /* Same reason as the label: the answer reads in its own direction, not the page's. */
  unicode-bidi: plaintext;
}
@media (prefers-reduced-motion: reduce) {
.ms-accordion__panel[data-v-d16a71b1] {
    transition: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-2d0445a1]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-2d0445a1] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-2d0445a1]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-2d0445a1] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-2d0445a1]:root,
body.dark[data-v-2d0445a1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-2d0445a1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-2d0445a1]:root,
body.dark[data-v-2d0445a1] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-2d0445a1]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-2d0445a1]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-2d0445a1] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tooltip[data-v-2d0445a1] {
  --ms-tooltip-origin: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-tooltip);
  max-inline-size: var(--tooltip-max-width);
  padding: var(--tooltip-padding);
  border: 1px solid var(--tooltip-border);
  border-radius: var(--tooltip-radius);
  background: var(--tooltip-bg);
  color: var(--tooltip-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-size: var(--tooltip-font-size);
  line-height: var(--tooltip-line-height);
  box-shadow: var(--tooltip-shadow);
  /* The panel must not be hoverable. */
  pointer-events: none;
  transform-origin: var(--ms-tooltip-origin);
}
.ms-tooltip[data-v-2d0445a1] kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 1.5em;
  margin-inline-start: var(--tooltip-kbd-gap);
  padding-inline: var(--sp-4);
  border-radius: var(--radius-xs);
  background: var(--tooltip-kbd-bg);
  color: var(--tooltip-kbd-fg);
  font-family: inherit;
  font-size: var(--tooltip-kbd-font-size);
}

/* The stacked variant: the panel becomes a column of panels. */
.ms-tooltip--stack[data-v-2d0445a1] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--tooltip-stack-gap);
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
.ms-tooltip--stack[data-v-2d0445a1] > * {
  padding: var(--tooltip-padding);
  border: 1px solid var(--tooltip-border);
  border-radius: var(--tooltip-radius);
  background: var(--tooltip-bg);
  box-shadow: var(--tooltip-shadow);
}
.ms-tooltip-enter-active[data-v-2d0445a1] {
  transition: opacity var(--tooltip-enter-duration) var(--ease-out), scale var(--tooltip-enter-duration) var(--ease-out);
}
.ms-tooltip-leave-active[data-v-2d0445a1] {
  transition: opacity var(--tooltip-leave-duration) var(--ease-in), scale var(--tooltip-leave-duration) var(--ease-in);
}
.ms-tooltip-enter-from[data-v-2d0445a1],
.ms-tooltip-leave-to[data-v-2d0445a1] {
  opacity: 0;
  scale: var(--tooltip-enter-scale);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-77eb6795]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-77eb6795] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-77eb6795]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-77eb6795] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-77eb6795]:root,
body.dark[data-v-77eb6795] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-77eb6795] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-77eb6795]:root,
body.dark[data-v-77eb6795] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-77eb6795]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-77eb6795]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-77eb6795] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tooltip-trigger[data-v-77eb6795] {
  display: contents;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-4e2ae82a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-4e2ae82a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-4e2ae82a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-4e2ae82a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-4e2ae82a]:root,
body.dark[data-v-4e2ae82a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-4e2ae82a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-4e2ae82a]:root,
body.dark[data-v-4e2ae82a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-4e2ae82a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-4e2ae82a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-4e2ae82a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-avatar__badge[data-v-4e2ae82a] {
  position: absolute;
  z-index: 1;
  /* Not the corner. */
  inset-block-end: var(--avatar-badge-inset);
  inset-inline-end: var(--avatar-badge-inset);
  translate: 50% 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: var(--avatar-badge-size);
  block-size: var(--avatar-badge-size);
  padding-inline: 0;
  border-radius: var(--avatar-radius);
  box-shadow: 0 0 0 var(--avatar-badge-ring-width) var(--avatar-ring);
  background: var(--avatar-badge-bg);
  color: var(--avatar-badge-fg);
  font-size: calc(var(--avatar-badge-size) * 0.62);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-none);
}
.ms-avatar__badge svg[data-v-4e2ae82a-s] {
  inline-size: calc(var(--avatar-badge-size) * 0.62);
  block-size: calc(var(--avatar-badge-size) * 0.62);
}
.ms-avatar__badge[data-v-4e2ae82a] {
  /* Holding something, so it grows. */
}
.ms-avatar__badge--filled[data-v-4e2ae82a] {
  min-inline-size: var(--avatar-badge-content-size);
  block-size: var(--avatar-badge-content-size);
  padding-inline: calc(var(--avatar-badge-content-size) * 0.18);
  font-size: calc(var(--avatar-badge-content-size) * 0.66);
}
.ms-avatar__badge--filled svg[data-v-4e2ae82a-s] {
  inline-size: calc(var(--avatar-badge-content-size) * 0.72);
  block-size: calc(var(--avatar-badge-content-size) * 0.72);
}
.ms-avatar__badge[data-v-4e2ae82a] {
  /* ---- presence ---- */
}
.ms-avatar__badge--online[data-v-4e2ae82a] {
  background: var(--avatar-status-online);
}
.ms-avatar__badge--away[data-v-4e2ae82a] {
  background: var(--avatar-status-away);
}
.ms-avatar__badge--busy[data-v-4e2ae82a] {
  background: var(--avatar-status-busy);
}
.ms-avatar__badge--offline[data-v-4e2ae82a] {
  background: var(--avatar-status-offline);
}
.ms-avatar__badge[data-v-4e2ae82a] {
  /* ---- anything else ---- */
}
.ms-avatar__badge--success[data-v-4e2ae82a] {
  background: var(--success);
}
.ms-avatar__badge--warning[data-v-4e2ae82a] {
  background: var(--warning);
}
.ms-avatar__badge--danger[data-v-4e2ae82a] {
  background: var(--danger);
}
.ms-avatar__badge--info[data-v-4e2ae82a] {
  background: var(--info);
}
.ms-avatar__badge--neutral[data-v-4e2ae82a] {
  background: var(--fg-faint);
}
.ms-avatar__badge--contrast[data-v-4e2ae82a] {
  background: var(--surface-contrast);
  color: var(--fg-on-contrast);
}

/* Read by a screen reader, never drawn. */
.ms-avatar__badge-label[data-v-4e2ae82a] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-66379060]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-66379060] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-66379060]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-66379060] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-66379060]:root,
body.dark[data-v-66379060] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-66379060] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-66379060]:root,
body.dark[data-v-66379060] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-66379060]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-66379060]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-66379060] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-avatar[data-v-66379060] {
  --ms-avatar-ring: var(--ms-avatar-group-ring, 0px);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: var(--avatar-size-default);
  block-size: var(--avatar-size-default);
  border-radius: var(--avatar-radius);
  box-shadow: 0 0 0 var(--ms-avatar-ring) var(--avatar-ring);
  background: var(--avatar-bg);
  color: var(--avatar-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-weight: var(--avatar-font-weight);
  overflow: visible;
  user-select: none;
  transition: opacity var(--avatar-transition-duration) var(--avatar-transition-ease);
}
.ms-avatar[data-v-66379060]:hover {
  opacity: var(--avatar-hover-opacity);
}
.ms-avatar[data-v-66379060] {
  /* The hairline that replaces the fill. */
}
.ms-avatar[data-v-66379060]::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--avatar-border-width) solid var(--avatar-border);
  border-radius: var(--avatar-radius);
  pointer-events: none;
}
.ms-avatar[data-v-66379060] {
  /* Except over a picture, where it does more harm than good. */
}
.ms-avatar--picture[data-v-66379060]::after {
  content: none;
}
.ms-avatar[data-v-66379060] {
  /* In a stack, every disc pulls left by the overlap and the row gives one back. */
}
.ms-avatar--grouped[data-v-66379060] {
  margin-inline-start: var(--avatar-group-overlap);
}
.ms-avatar[data-v-66379060] {
  /* As a button. */
}
.ms-avatar--interactive[data-v-66379060] {
  padding: 0;
  border: none;
  font: inherit;
  cursor: pointer;
}
.ms-avatar--interactive[data-v-66379060]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ms-avatar-ring) var(--avatar-ring), var(--focus-ring);
}
.ms-avatar--interactive[data-v-66379060]:focus:not(:focus-visible) {
  box-shadow: 0 0 0 var(--ms-avatar-ring) var(--avatar-ring) !important;
}
.ms-avatar[data-v-66379060] {
  /* Below default, prefer a plain dot. */
}
.ms-avatar--xs[data-v-66379060] {
  --avatar-badge-size: 8px;
  --avatar-badge-content-size: 11px;
  inline-size: var(--avatar-size-xs);
  block-size: var(--avatar-size-xs);
  font-size: var(--font-size-10);
}
.ms-avatar--default[data-v-66379060] {
  --avatar-badge-size: 10px;
  --avatar-badge-content-size: 14px;
  inline-size: var(--avatar-size-default);
  block-size: var(--avatar-size-default);
  font-size: var(--font-size-12);
}
.ms-avatar--lg[data-v-66379060] {
  --avatar-badge-size: 12px;
  --avatar-badge-content-size: 16px;
  inline-size: var(--avatar-size-lg);
  block-size: var(--avatar-size-lg);
  font-size: var(--font-size-14);
}
.ms-avatar--xl[data-v-66379060] {
  --avatar-badge-size: 24px;
  --avatar-badge-content-size: 28px;
  --avatar-badge-ring-width: 3px;
  inline-size: var(--avatar-size-xl);
  block-size: var(--avatar-size-xl);
  font-size: var(--font-size-32);
}
.ms-avatar[data-v-66379060] {
  /* A company. */
}
.ms-avatar--squircle[data-v-66379060] {
  --ms-avatar-ring: 0px;
  --avatar-badge-inset: var(--avatar-badge-inset-squircle);
  background: transparent;
}
.ms-avatar--squircle .ms-avatar__image[data-v-66379060],
.ms-avatar--squircle .ms-avatar__fallback[data-v-66379060] {
  border-radius: 0;
  background: var(--avatar-bg);
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-size: 100% 100%;
  mask-position: center;
  mask-repeat: no-repeat;
}
.ms-avatar--squircle[data-v-66379060] {
  /* No border here — the outline is the stroked path in the template. */
}
.ms-avatar--squircle[data-v-66379060]::after {
  content: none;
}
.ms-avatar__image[data-v-66379060] {
  inline-size: 100%;
  block-size: 100%;
  border-radius: var(--avatar-radius);
  object-fit: cover;
}

/* The squircle's hairline. */
.ms-avatar__frame[data-v-66379060] {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  fill: none;
  stroke: var(--avatar-border);
  stroke-width: var(--avatar-border-width);
  pointer-events: none;
}
.ms-avatar__label[data-v-66379060] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ms-avatar__fallback[data-v-66379060] {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
  border-radius: var(--avatar-radius);
  text-transform: uppercase;
  line-height: var(--leading-none);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e3ecd20b]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e3ecd20b] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e3ecd20b]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e3ecd20b] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e3ecd20b]:root,
body.dark[data-v-e3ecd20b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e3ecd20b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e3ecd20b]:root,
body.dark[data-v-e3ecd20b] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e3ecd20b]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e3ecd20b]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e3ecd20b] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-avatar-group[data-v-e3ecd20b] {
  display: inline-flex;
  align-items: center;
}
.ms-avatar-group--xs[data-v-e3ecd20b] {
  --avatar-group-overlap: var(--avatar-group-overlap-xs);
}
.ms-avatar-group--default[data-v-e3ecd20b] {
  --avatar-group-overlap: var(--avatar-group-overlap-default);
}
.ms-avatar-group--lg[data-v-e3ecd20b] {
  --avatar-group-overlap: var(--avatar-group-overlap-lg);
}
.ms-avatar-group--xl[data-v-e3ecd20b] {
  --avatar-group-overlap: var(--avatar-group-overlap-xl);
}
.ms-avatar-group[data-v-e3ecd20b] {
  /* The avatars are told, not styled. */
  --ms-avatar-group-ring: var(--avatar-ring-width);
  /* The count is not an avatar and draws nothing of its own. */
}
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s] {
  box-shadow: 0 0 0 var(--avatar-ring-width) var(--avatar-ring);
}
.ms-avatar-group[data-v-e3ecd20b] {
  /* The overlap is given back once, here, and taken by every disc. */
  margin-inline-start: calc(var(--avatar-group-overlap) * -1);
  /* First on top, not last. */
  isolation: isolate;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(1),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(1) {
  position: relative;
  z-index: 9;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(2),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(2) {
  position: relative;
  z-index: 8;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(3),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(3) {
  position: relative;
  z-index: 7;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(4),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(4) {
  position: relative;
  z-index: 6;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(5),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(5) {
  position: relative;
  z-index: 5;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(6),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(6) {
  position: relative;
  z-index: 4;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(7),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(7) {
  position: relative;
  z-index: 3;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(8),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(8) {
  position: relative;
  z-index: 2;
}
.ms-avatar-group .ms-avatar[data-v-e3ecd20b-s]:nth-child(9),
.ms-avatar-group .ms-avatar-group__count[data-v-e3ecd20b-s]:nth-child(9) {
  position: relative;
  z-index: 1;
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-7a24b4c9]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-7a24b4c9] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-7a24b4c9]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-7a24b4c9] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-7a24b4c9]:root,
body.dark[data-v-7a24b4c9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-7a24b4c9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-7a24b4c9]:root,
body.dark[data-v-7a24b4c9] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-7a24b4c9]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-7a24b4c9]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-7a24b4c9] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-avatar-group__count[data-v-7a24b4c9] {
  /* The row item's pull, the same one a face carries — see MsAvatarGroup. */
  margin-inline-start: var(--avatar-group-overlap, 0px);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: var(--avatar-size-default);
  block-size: var(--avatar-size-default);
  border-radius: var(--avatar-radius);
  border: var(--avatar-border-width) solid var(--avatar-border);
  background: var(--avatar-count-bg);
  color: var(--avatar-count-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-weight: var(--avatar-font-weight);
  font-variant-numeric: tabular-nums;
  user-select: none;
  /* The same hover as the faces beside it — in a stack it is one of them. */
  transition: opacity var(--avatar-transition-duration) var(--avatar-transition-ease);
}
.ms-avatar-group__count[data-v-7a24b4c9]:hover {
  opacity: var(--avatar-hover-opacity);
}
.ms-avatar-group__count svg[data-v-7a24b4c9-s] {
  inline-size: 1.2em;
  block-size: 1.2em;
}
.ms-avatar-group__count[data-v-7a24b4c9] {
  /* As a button. */
}
.ms-avatar-group__count--interactive[data-v-7a24b4c9] {
  padding: 0;
  font: inherit;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
.ms-avatar-group__count--interactive[data-v-7a24b4c9]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--avatar-ring-width) var(--avatar-ring), var(--focus-ring);
}
.ms-avatar-group__count--interactive[data-v-7a24b4c9]:focus:not(:focus-visible) {
  box-shadow: 0 0 0 var(--ms-avatar-group-ring, 0px) var(--avatar-ring) !important;
}
.ms-avatar-group__count--xs[data-v-7a24b4c9] {
  inline-size: var(--avatar-size-xs);
  block-size: var(--avatar-size-xs);
  font-size: var(--font-size-10);
}
.ms-avatar-group__count--default[data-v-7a24b4c9] {
  inline-size: var(--avatar-size-default);
  block-size: var(--avatar-size-default);
  font-size: var(--font-size-11);
}
.ms-avatar-group__count--lg[data-v-7a24b4c9] {
  inline-size: var(--avatar-size-lg);
  block-size: var(--avatar-size-lg);
  font-size: var(--font-size-12);
}
.ms-avatar-group__count--xl[data-v-7a24b4c9] {
  inline-size: var(--avatar-size-xl);
  block-size: var(--avatar-size-xl);
  font-size: var(--font-size-20);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-cf7f70f2]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-cf7f70f2] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-cf7f70f2]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-cf7f70f2] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-cf7f70f2]:root,
body.dark[data-v-cf7f70f2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-cf7f70f2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-cf7f70f2]:root,
body.dark[data-v-cf7f70f2] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-cf7f70f2]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-cf7f70f2]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-cf7f70f2] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-popover[data-v-cf7f70f2] {
  --ms-popover-origin: center;
  --ms-popover-available-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-dropdown);
  min-inline-size: var(--popover-min-width);
  max-inline-size: var(--popover-max-width);
  max-block-size: min(var(--popover-max-height), var(--ms-popover-available-height));
  overflow-y: auto;
}
.ms-popover[data-v-cf7f70f2]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-popover[data-v-cf7f70f2]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-popover[data-v-cf7f70f2]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-popover[data-v-cf7f70f2]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-popover[data-v-cf7f70f2]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-popover[data-v-cf7f70f2] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-popover[data-v-cf7f70f2]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-popover[data-v-cf7f70f2] {
  background: var(--popover-bg);
  border: 1px solid var(--popover-border);
  border-radius: var(--popover-radius);
  box-shadow: var(--popover-shadow);
  color: var(--popover-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  transform-origin: var(--ms-popover-origin);
}
.ms-popover[data-v-cf7f70f2]:focus {
  outline: none;
}
.ms-popover--padded[data-v-cf7f70f2] {
  padding: var(--popover-padding);
}
.ms-popover-enter-active[data-v-cf7f70f2] {
  transition: opacity var(--popover-enter-duration) var(--ease-out), scale var(--popover-enter-duration) var(--ease-out);
}
.ms-popover-leave-active[data-v-cf7f70f2] {
  transition: opacity var(--popover-leave-duration) var(--ease-in), scale var(--popover-leave-duration) var(--ease-in);
}
.ms-popover-enter-from[data-v-cf7f70f2],
.ms-popover-leave-to[data-v-cf7f70f2] {
  opacity: 0;
  scale: var(--popover-enter-scale);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a9914a09]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a9914a09] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a9914a09]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a9914a09] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a9914a09]:root,
body.dark[data-v-a9914a09] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a9914a09] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a9914a09]:root,
body.dark[data-v-a9914a09] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a9914a09]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a9914a09]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a9914a09] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-popover-trigger[data-v-a9914a09] {
  display: contents;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-511becb4]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-511becb4] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-511becb4]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-511becb4] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-511becb4]:root,
body.dark[data-v-511becb4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-511becb4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-511becb4]:root,
body.dark[data-v-511becb4] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-511becb4]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-511becb4]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-511becb4] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-avatar-roster[data-v-511becb4] {
  max-block-size: var(--avatar-roster-max-height);
  overflow-y: auto;
}
.ms-avatar-roster[data-v-511becb4]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-avatar-roster[data-v-511becb4]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-avatar-roster[data-v-511becb4]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-avatar-roster[data-v-511becb4]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-avatar-roster[data-v-511becb4]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-avatar-roster[data-v-511becb4] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-avatar-roster[data-v-511becb4]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-avatar-roster[data-v-511becb4] {
  margin: 0;
  padding: var(--avatar-roster-padding);
  list-style: none;
  --avatar-ring: var(--popover-bg);
  /* And no overlap. */
  --avatar-group-overlap: 0px;
}
.ms-avatar-roster__row[data-v-511becb4] {
  display: flex;
  align-items: center;
  gap: var(--avatar-roster-gap);
  padding: var(--avatar-roster-row-padding);
  border-radius: var(--radius-sm);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ms-avatar-roster[data-v-511becb4] {
  /* A hover, even though nothing happens on click. */
}
.ms-avatar-roster__row[data-v-511becb4]:hover {
  background: var(--avatar-roster-row-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-avatar-roster__text[data-v-511becb4] {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.ms-avatar-roster__name[data-v-511becb4] {
  overflow: hidden;
  color: var(--fg-primary);
  font-size: var(--font-size-14);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-avatar-roster__detail[data-v-511becb4] {
  color: var(--fg-muted);
  font-size: var(--font-size-12);
}
.ms-avatar-roster__foot[data-v-511becb4] {
  padding: var(--avatar-roster-padding);
  border-block-start: 1px solid var(--border-subtle);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-393396f0]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-393396f0] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-393396f0]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-393396f0] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-393396f0]:root,
body.dark[data-v-393396f0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-393396f0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-393396f0]:root,
body.dark[data-v-393396f0] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-393396f0]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-393396f0]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-393396f0] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/* Wrapping flex with explicit order, rather than a grid. */
.ms-input-group[data-v-393396f0] {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  inline-size: 100%;
  border: 1px solid var(--input-border);
  border-radius: var(--input-radius);
  background: var(--input-bg);
  overflow: hidden;
  transition: border-color var(--input-transition-duration) var(--input-transition-ease), box-shadow var(--input-transition-duration) var(--input-transition-ease);
}
.ms-input-group[data-v-393396f0]:hover:not(.ms-input-group--disabled):not(:has(.ms-input-group__control:focus)) {
  border-color: var(--input-border-hover);
}
.ms-input-group[data-v-393396f0] {
  /* Keyed to the control, not to :focus-within. */
}
.ms-input-group[data-v-393396f0]:has(.ms-input-group__control:focus) {
  border-color: var(--input-border-focus);
  box-shadow: var(--input-focus-ring);
}
.ms-input-group[data-v-393396f0] {
  /* The read-mostly variant: text at rest, a field once it is reached for. */
}
.ms-input-group--ghost-variant[data-v-393396f0] {
  border-color: transparent;
  background: transparent;
}
.ms-input-group--ghost-variant[data-v-393396f0]:hover:not(.ms-input-group--disabled):not(:has(.ms-input-group__control:focus)) {
  border-color: transparent;
  background: var(--input-ghost-bg-hover);
}
.ms-input-group--ghost-variant[data-v-393396f0]:has(.ms-input-group__control:focus) {
  background: var(--input-bg);
  border-color: var(--input-border-focus);
}
.ms-input-group--invalid[data-v-393396f0] {
  border-color: var(--input-border-invalid);
}
.ms-input-group--invalid[data-v-393396f0]:has(.ms-input-group__control:focus) {
  border-color: var(--input-border-invalid);
  box-shadow: var(--input-focus-ring-invalid);
}
.ms-input-group--disabled[data-v-393396f0] {
  background: var(--input-disabled-bg);
  opacity: var(--input-disabled-opacity);
}
.ms-input-group[data-v-393396f0]:has(.ms-input-group__addon--inline-start) .ms-input-group__control {
  padding-inline-start: var(--input-group-addon-gap);
}
.ms-input-group[data-v-393396f0]:has(.ms-input-group__addon--inline-end) .ms-input-group__control {
  padding-inline-end: var(--input-group-addon-gap);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-5f240171]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-5f240171] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-5f240171]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-5f240171] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-5f240171]:root,
body.dark[data-v-5f240171] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-5f240171] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-5f240171]:root,
body.dark[data-v-5f240171] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-5f240171]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-5f240171]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-5f240171] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-input-group__control[data-v-5f240171] {
  order: 2;
  /* Basis 0, not auto. */
  flex: 1 1 0;
  min-inline-size: 0;
  block-size: var(--input-height);
  padding-inline: var(--input-padding-inline);
  border: none;
  background: transparent;
  color: var(--input-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-size: var(--input-font-size);
}
.ms-input-group__control[data-v-5f240171]::placeholder {
  color: var(--input-placeholder-fg);
}
.ms-input-group__control[data-v-5f240171] {
  /* No ring here: the group draws one around itself and its addons. */
}
.ms-input-group__control[data-v-5f240171]:focus {
  outline: none;
}
.ms-input-group__control[data-v-5f240171]:disabled {
  cursor: not-allowed;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-7888992f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-7888992f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-7888992f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-7888992f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-7888992f]:root,
body.dark[data-v-7888992f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-7888992f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-7888992f]:root,
body.dark[data-v-7888992f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-7888992f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-7888992f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-7888992f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-input-group__addon[data-v-7888992f] {
  display: flex;
  align-items: center;
  gap: var(--input-group-addon-gap);
  color: var(--input-group-addon-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  /* The addon is not the hit target; whatever is inside it may be. */
  user-select: none;
}
.ms-input-group__addon[data-v-7888992f] svg {
  flex-shrink: 0;
  inline-size: 16px;
  block-size: 16px;
}
.ms-input-group__addon--inline-start[data-v-7888992f] {
  order: 1;
  padding-inline-start: var(--input-group-addon-padding-inline);
}
.ms-input-group__addon--inline-end[data-v-7888992f] {
  order: 3;
  padding-inline-end: var(--input-group-addon-padding-inline);
}
.ms-input-group__addon[data-v-7888992f] {
  /* Full-width rows above and below. */
}
.ms-input-group__addon--block-start[data-v-7888992f], .ms-input-group__addon--block-end[data-v-7888992f] {
  flex: 1 1 100%;
  padding: var(--input-group-block-padding);
  font-size: var(--input-group-text-font-size);
}
.ms-input-group__addon--block-start[data-v-7888992f] {
  order: 0;
  border-block-end: 1px solid var(--input-group-block-border);
}
.ms-input-group__addon--block-end[data-v-7888992f] {
  order: 4;
  border-block-start: 1px solid var(--input-group-block-border);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d686fc10]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d686fc10] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d686fc10]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d686fc10] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d686fc10]:root,
body.dark[data-v-d686fc10] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d686fc10] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d686fc10]:root,
body.dark[data-v-d686fc10] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d686fc10]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d686fc10]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d686fc10] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-input-group__text[data-v-d686fc10] {
  color: var(--input-group-text-fg);
  font-size: var(--input-group-text-font-size);
  white-space: nowrap;
  /* The fragment decides its own direction, from its first strong character. */
  unicode-bidi: plaintext;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e16954e5]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e16954e5] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e16954e5]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e16954e5] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e16954e5]:root,
body.dark[data-v-e16954e5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e16954e5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e16954e5]:root,
body.dark[data-v-e16954e5] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e16954e5]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e16954e5]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e16954e5] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-slider[data-v-e16954e5] {
  display: flex;
  flex-direction: column;
  gap: var(--slider-header-gap);
  inline-size: 100%;
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ms-slider--sm[data-v-e16954e5] {
  --slider-thumb-size: var(--slider-thumb-size-sm);
  --slider-rail-height: var(--slider-rail-height-sm);
  --slider-field-width: var(--slider-field-width-sm);
  --input-height: var(--input-height-sm);
}
.ms-slider--disabled[data-v-e16954e5] {
  opacity: var(--slider-disabled-opacity);
  cursor: not-allowed;
}
.ms-slider__header[data-v-e16954e5] {
  display: flex;
  align-items: baseline;
  gap: var(--sp-12);
}
.ms-slider__label[data-v-e16954e5] {
  color: var(--slider-label-fg);
  font-size: var(--slider-label-font-size);
  font-weight: var(--slider-label-font-weight);
  cursor: pointer;
}
.ms-slider--disabled .ms-slider__label[data-v-e16954e5] {
  cursor: not-allowed;
}
.ms-slider[data-v-e16954e5] {
  /* Pushed to the end the way every other trailing element in the system is. */
}
.ms-slider__readout[data-v-e16954e5] {
  margin-inline-start: auto;
  color: var(--slider-readout-fg);
  font-size: var(--slider-readout-font-size);
  font-variant-numeric: tabular-nums;
}
.ms-slider__row[data-v-e16954e5] {
  display: flex;
  align-items: center;
  gap: var(--slider-row-gap);
}
.ms-slider__track[data-v-e16954e5] {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-inline-size: 0;
  block-size: var(--slider-thumb-size);
}
.ms-slider__rail[data-v-e16954e5], .ms-slider__fill[data-v-e16954e5] {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
  block-size: var(--slider-rail-height);
  border-radius: var(--slider-radius);
  pointer-events: none;
}
.ms-slider__rail[data-v-e16954e5] {
  inset-inline: 0;
  background: var(--slider-rail-bg);
}
.ms-slider__fill[data-v-e16954e5] {
  background: var(--slider-fill-bg);
}
.ms-slider--invalid .ms-slider__fill[data-v-e16954e5] {
  background: var(--slider-fill-bg-invalid);
}
.ms-slider__input[data-v-e16954e5] {
  position: relative;
  z-index: 1;
  appearance: none;
  inline-size: 100%;
  block-size: var(--slider-thumb-size);
  margin: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.ms-slider__input[data-v-e16954e5]:disabled {
  cursor: not-allowed;
}
.ms-slider__input[data-v-e16954e5]:focus {
  outline: none;
}
.ms-slider__input[data-v-e16954e5]::-webkit-slider-runnable-track {
  block-size: 100%;
  background: transparent;
}
.ms-slider__input[data-v-e16954e5]::-moz-range-track {
  block-size: 100%;
  background: transparent;
}
.ms-slider__input[data-v-e16954e5]::-webkit-slider-thumb {
  appearance: none;
  inline-size: var(--slider-thumb-size);
  block-size: var(--slider-thumb-size);
  border: var(--slider-thumb-border-width) solid var(--slider-thumb-border);
  border-radius: var(--slider-radius);
  background: var(--slider-thumb-bg);
  box-shadow: var(--slider-thumb-shadow);
  transition: box-shadow var(--slider-transition-duration) var(--slider-transition-ease);
}
.ms-slider__input[data-v-e16954e5]::-moz-range-thumb {
  inline-size: var(--slider-thumb-size);
  block-size: var(--slider-thumb-size);
  border: var(--slider-thumb-border-width) solid var(--slider-thumb-border);
  border-radius: var(--slider-radius);
  background: var(--slider-thumb-bg);
  box-shadow: var(--slider-thumb-shadow);
}
.ms-slider__input[data-v-e16954e5]:focus-visible::-webkit-slider-thumb {
  box-shadow: var(--slider-focus-ring);
}
.ms-slider__input[data-v-e16954e5]:focus-visible::-moz-range-thumb {
  box-shadow: var(--slider-focus-ring);
}
.ms-slider--invalid .ms-slider__input[data-v-e16954e5]::-webkit-slider-thumb {
  border-color: var(--slider-thumb-border-invalid);
}
.ms-slider--invalid .ms-slider__input[data-v-e16954e5]::-moz-range-thumb {
  border-color: var(--slider-thumb-border-invalid);
}
.ms-slider[data-v-e16954e5] {
  /* One fill, growing from the start. */
}
.ms-slider__fill[data-v-e16954e5] {
  inset-inline-start: 0;
  inline-size: calc(var(--slider-thumb-size) / 2 + var(--slider-ratio, 0) * (100% - var(--slider-thumb-size)));
}
.ms-slider__field[data-v-e16954e5] {
  flex: 0 0 var(--slider-field-width);
}
.ms-slider__field[data-v-e16954e5] .ms-input-group__control {
  font-variant-numeric: tabular-nums;
  text-align: end;
  -moz-appearance: textfield;
}
.ms-slider__field[data-v-e16954e5] .ms-input-group__control::-webkit-outer-spin-button,
.ms-slider__field[data-v-e16954e5] .ms-input-group__control::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e11a0ef6]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e11a0ef6] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e11a0ef6]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e11a0ef6] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e11a0ef6]:root,
body.dark[data-v-e11a0ef6] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e11a0ef6] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e11a0ef6]:root,
body.dark[data-v-e11a0ef6] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e11a0ef6]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e11a0ef6]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e11a0ef6] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-slider-range[data-v-e11a0ef6] {
  display: flex;
  flex-direction: column;
  gap: var(--slider-header-gap);
  inline-size: 100%;
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ms-slider-range--sm[data-v-e11a0ef6] {
  --slider-thumb-size: var(--slider-thumb-size-sm);
  --slider-rail-height: var(--slider-rail-height-sm);
  --slider-field-width: var(--slider-field-width-sm);
  --input-height: var(--input-height-sm);
}
.ms-slider-range--disabled[data-v-e11a0ef6] {
  opacity: var(--slider-disabled-opacity);
  cursor: not-allowed;
}
.ms-slider-range__header[data-v-e11a0ef6] {
  display: flex;
  align-items: center;
  gap: var(--sp-12);
  min-block-size: var(--input-height-sm);
}
.ms-slider-range__label[data-v-e11a0ef6] {
  color: var(--slider-label-fg);
  font-size: var(--slider-label-font-size);
  font-weight: var(--slider-label-font-weight);
}
.ms-slider-range__readout[data-v-e11a0ef6] {
  margin-inline-start: auto;
  color: var(--slider-readout-fg);
  font-size: var(--slider-readout-font-size);
  font-variant-numeric: tabular-nums;
}
.ms-slider-range__row[data-v-e11a0ef6] {
  display: flex;
  align-items: center;
}
.ms-slider-range__track[data-v-e11a0ef6] {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-inline-size: 0;
  block-size: var(--slider-thumb-size);
}
.ms-slider-range__rail[data-v-e11a0ef6], .ms-slider-range__fill[data-v-e11a0ef6] {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
  block-size: var(--slider-rail-height);
  border-radius: var(--slider-radius);
  pointer-events: none;
}
.ms-slider-range__rail[data-v-e11a0ef6] {
  inset-inline: 0;
  background: var(--slider-rail-bg);
}
.ms-slider-range__fill[data-v-e11a0ef6] {
  background: var(--slider-fill-bg);
}
.ms-slider-range--invalid .ms-slider-range__fill[data-v-e11a0ef6] {
  background: var(--slider-fill-bg-invalid);
}
.ms-slider-range__input[data-v-e11a0ef6] {
  position: relative;
  z-index: 1;
  appearance: none;
  inline-size: 100%;
  block-size: var(--slider-thumb-size);
  margin: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.ms-slider-range__input[data-v-e11a0ef6]:disabled {
  cursor: not-allowed;
}
.ms-slider-range__input[data-v-e11a0ef6]:focus {
  outline: none;
}
.ms-slider-range__input[data-v-e11a0ef6]::-webkit-slider-runnable-track {
  block-size: 100%;
  background: transparent;
}
.ms-slider-range__input[data-v-e11a0ef6]::-moz-range-track {
  block-size: 100%;
  background: transparent;
}
.ms-slider-range__input[data-v-e11a0ef6]::-webkit-slider-thumb {
  appearance: none;
  inline-size: var(--slider-thumb-size);
  block-size: var(--slider-thumb-size);
  border: var(--slider-thumb-border-width) solid var(--slider-thumb-border);
  border-radius: var(--slider-radius);
  background: var(--slider-thumb-bg);
  box-shadow: var(--slider-thumb-shadow);
  transition: box-shadow var(--slider-transition-duration) var(--slider-transition-ease);
}
.ms-slider-range__input[data-v-e11a0ef6]::-moz-range-thumb {
  inline-size: var(--slider-thumb-size);
  block-size: var(--slider-thumb-size);
  border: var(--slider-thumb-border-width) solid var(--slider-thumb-border);
  border-radius: var(--slider-radius);
  background: var(--slider-thumb-bg);
  box-shadow: var(--slider-thumb-shadow);
}
.ms-slider-range__input[data-v-e11a0ef6]:focus-visible::-webkit-slider-thumb {
  box-shadow: var(--slider-focus-ring);
}
.ms-slider-range__input[data-v-e11a0ef6]:focus-visible::-moz-range-thumb {
  box-shadow: var(--slider-focus-ring);
}
.ms-slider-range--invalid .ms-slider-range__input[data-v-e11a0ef6]::-webkit-slider-thumb {
  border-color: var(--slider-thumb-border-invalid);
}
.ms-slider-range--invalid .ms-slider-range__input[data-v-e11a0ef6]::-moz-range-thumb {
  border-color: var(--slider-thumb-border-invalid);
}
.ms-slider-range[data-v-e11a0ef6] {
  /* The band between the two ends. */
}
.ms-slider-range__fill[data-v-e11a0ef6] {
  inset-inline-start: calc(var(--slider-thumb-size) / 2 + var(--slider-from, 0) * (100% - var(--slider-thumb-size)));
  inline-size: calc((var(--slider-to, 0) - var(--slider-from, 0)) * (100% - var(--slider-thumb-size)));
}
.ms-slider-range[data-v-e11a0ef6] {
  /* Stacked. */
}
.ms-slider-range__input--from[data-v-e11a0ef6] {
  position: absolute;
  inset-inline: 0;
}
.ms-slider-range[data-v-e11a0ef6] {
  /* The input is transparent to the pointer and the thumb is not. */
}
.ms-slider-range__input[data-v-e11a0ef6] {
  pointer-events: none;
}
.ms-slider-range__input[data-v-e11a0ef6]::-webkit-slider-thumb {
  pointer-events: auto;
}
.ms-slider-range__input[data-v-e11a0ef6]::-moz-range-thumb {
  pointer-events: auto;
}
.ms-slider-range[data-v-e11a0ef6] {
  /* Whichever end still has room to move takes the top. */
}
.ms-slider-range__input--to[data-v-e11a0ef6] {
  z-index: 2;
}
.ms-slider-range--from-on-top .ms-slider-range__input--from[data-v-e11a0ef6] {
  z-index: 3;
}
.ms-slider-range[data-v-e11a0ef6] {
  /* Pushed to the end, where the printed reading would have been. */
}
.ms-slider-range__fields[data-v-e11a0ef6] {
  display: flex;
  align-items: center;
  gap: var(--sp-6);
  margin-inline-start: auto;
  /* Always the small box: see the note in slider.css. */
  --input-height: var(--input-height-sm);
  --slider-field-width: var(--slider-pair-field-width);
}
.ms-slider-range__field[data-v-e11a0ef6] {
  flex: 0 0 var(--slider-field-width);
}
.ms-slider-range__field[data-v-e11a0ef6] .ms-input-group__control {
  font-variant-numeric: tabular-nums;
  text-align: end;
  -moz-appearance: textfield;
}
.ms-slider-range__field[data-v-e11a0ef6] .ms-input-group__control::-webkit-outer-spin-button,
.ms-slider-range__field[data-v-e11a0ef6] .ms-input-group__control::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.ms-slider-range__field[data-v-e11a0ef6] .ms-input-group__control {
  font-size: var(--input-font-size-sm);
  padding-inline: var(--input-padding-inline-sm);
  text-align: center;
}
.ms-slider-range__dash[data-v-e11a0ef6] {
  color: var(--slider-readout-fg);
  font-size: var(--slider-readout-font-size);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c7940bab]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c7940bab] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c7940bab]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c7940bab] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c7940bab]:root,
body.dark[data-v-c7940bab] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c7940bab] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c7940bab]:root,
body.dark[data-v-c7940bab] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c7940bab]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c7940bab]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c7940bab] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-splitter[data-v-c7940bab] {
  display: flex;
  min-inline-size: 0;
  min-block-size: 0;
  inline-size: 100%;
  block-size: 100%;
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ms-splitter--horizontal[data-v-c7940bab] {
  flex-direction: row;
}
.ms-splitter--vertical[data-v-c7940bab] {
  flex-direction: column;
}
.ms-splitter[data-v-c7940bab] {
  /* The resting line only. */
}
.ms-splitter--transparent[data-v-c7940bab] {
  --splitter-handle-bg: transparent;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ec52d65c]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ec52d65c] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ec52d65c]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ec52d65c] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ec52d65c]:root,
body.dark[data-v-ec52d65c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ec52d65c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ec52d65c]:root,
body.dark[data-v-ec52d65c] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ec52d65c]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ec52d65c]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ec52d65c] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-splitter__panel[data-v-ec52d65c] {
  position: relative;
  /* The size is a flex ratio, so the animation is on flex-grow. */
  transition: flex-grow var(--splitter-panel-duration) var(--splitter-panel-ease);
  min-inline-size: 0;
  min-block-size: 0;
  overflow: hidden;
  /* Not while dragging. */
}
.ms-splitter--dragging > .ms-splitter__panel[data-v-ec52d65c] {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
.ms-splitter__panel[data-v-ec52d65c] {
    transition: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-3b984c6a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-3b984c6a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-3b984c6a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-3b984c6a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-3b984c6a]:root,
body.dark[data-v-3b984c6a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-3b984c6a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-3b984c6a]:root,
body.dark[data-v-3b984c6a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-3b984c6a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-3b984c6a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-3b984c6a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-splitter__handle[data-v-3b984c6a] {
  position: relative;
  z-index: 1;
  flex: 0 0 var(--splitter-handle-size);
  align-self: stretch;
  background: var(--splitter-handle-bg);
  touch-action: none;
  transition: background-color var(--splitter-transition-duration) var(--splitter-transition-ease);
  /* The line is a hairline and a hairline is not a target. */
}
.ms-splitter__handle[data-v-3b984c6a]::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: calc(-1 * var(--splitter-handle-grab));
  border-radius: var(--splitter-handle-grab-radius);
}
.ms-splitter__handle[data-v-3b984c6a] {
  /* The same one pixel, at full strength. */
}
.ms-splitter__handle[data-v-3b984c6a]:hover, .ms-splitter__handle[data-v-3b984c6a]:focus-visible, .ms-splitter__handle--active[data-v-3b984c6a] {
  background: var(--splitter-handle-bg-active);
}
.ms-splitter__handle[data-v-3b984c6a]:focus-visible {
  outline: none;
}
.ms-splitter__handle[data-v-3b984c6a]:focus-visible::before {
  box-shadow: var(--focus-ring);
}
.ms-splitter__handle[aria-disabled=true][data-v-3b984c6a] {
  cursor: default;
}
.ms-splitter__handle[aria-disabled=true][data-v-3b984c6a]::before {
  display: none;
}
.ms-splitter--horizontal > .ms-splitter__handle[data-v-3b984c6a] {
  cursor: col-resize;
}
.ms-splitter--vertical > .ms-splitter__handle[data-v-3b984c6a] {
  cursor: row-resize;
}
.ms-splitter--vertical > .ms-splitter__handle[data-v-3b984c6a]::before {
  inset-inline: 0;
  inset-block: calc(-1 * var(--splitter-handle-grab));
}
.ms-splitter--horizontal > .ms-splitter__handle[aria-disabled=true][data-v-3b984c6a], .ms-splitter--vertical > .ms-splitter__handle[aria-disabled=true][data-v-3b984c6a] {
  cursor: default;
}
.ms-splitter__grip[data-v-3b984c6a] {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  inline-size: var(--splitter-grip-thickness);
  block-size: var(--splitter-grip-length);
  border-radius: var(--radius-pill);
  background: var(--splitter-grip-bg);
  opacity: 0;
  transition: opacity var(--splitter-transition-duration) var(--splitter-transition-ease), background-color var(--splitter-transition-duration) var(--splitter-transition-ease);
}
.ms-splitter--vertical > .ms-splitter__handle .ms-splitter__grip[data-v-3b984c6a] {
  inline-size: var(--splitter-grip-length);
  block-size: var(--splitter-grip-thickness);
}
.ms-splitter__handle:hover .ms-splitter__grip[data-v-3b984c6a], .ms-splitter__handle:focus-visible .ms-splitter__grip[data-v-3b984c6a], .ms-splitter__handle--active .ms-splitter__grip[data-v-3b984c6a] {
  background: var(--splitter-grip-bg-active);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.ms-splitter__grip[data-v-3b984c6a] {
    transition: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-2b997374]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-2b997374] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-2b997374]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-2b997374] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-2b997374]:root,
body.dark[data-v-2b997374] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-2b997374] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-2b997374]:root,
body.dark[data-v-2b997374] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-2b997374]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-2b997374]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-2b997374] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-swatch[data-v-2b997374] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  inline-size: var(--swatch-size-default);
  block-size: var(--swatch-size-default);
  border-radius: var(--swatch-radius);
  background: var(--swatch-color);
}
.ms-swatch--xs[data-v-2b997374] {
  inline-size: var(--swatch-size-xs);
  block-size: var(--swatch-size-xs);
}
.ms-swatch--lg[data-v-2b997374] {
  inline-size: var(--swatch-size-lg);
  block-size: var(--swatch-size-lg);
}
.ms-swatch--selected[data-v-2b997374] {
  box-shadow: 0 0 0 var(--swatch-ring-gap) var(--surface-raised), 0 0 0 calc(var(--swatch-ring-gap) + var(--swatch-ring-width)) color-mix(in oklab, var(--swatch-color) var(--swatch-ring-alpha-selected), transparent);
}
.ms-swatch__check[data-v-2b997374] {
  inline-size: var(--swatch-check-size);
  block-size: var(--swatch-check-size);
  color: var(--swatch-check-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-1f3471ed]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-1f3471ed] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-1f3471ed]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-1f3471ed] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-1f3471ed]:root,
body.dark[data-v-1f3471ed] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-1f3471ed] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-1f3471ed]:root,
body.dark[data-v-1f3471ed] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-1f3471ed]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-1f3471ed]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-1f3471ed] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-swatch-picker__trigger[data-v-1f3471ed] {
  display: inline-flex;
  padding: var(--swatch-trigger-padding);
  border: none;
  background: transparent;
  cursor: pointer;
  /* Both rings go on the mark, not on the button. */
}
.ms-swatch-picker__trigger[data-v-1f3471ed] .ms-swatch {
  transition: box-shadow var(--swatch-transition-duration) var(--swatch-transition-ease);
}
.ms-swatch-picker__trigger[data-v-1f3471ed]:hover:not(:disabled) .ms-swatch {
  box-shadow: 0 0 0 var(--swatch-ring-width) color-mix(in oklab, var(--swatch-color) var(--swatch-ring-alpha-hover), transparent);
}
.ms-swatch-picker__trigger[data-v-1f3471ed]:focus-visible {
  outline: none;
}
.ms-swatch-picker__trigger[data-v-1f3471ed]:focus-visible .ms-swatch {
  box-shadow: var(--focus-ring);
}
.ms-swatch-picker__trigger[data-v-1f3471ed]:disabled {
  cursor: not-allowed;
  opacity: var(--swatch-disabled-opacity);
}
.ms-swatch-picker__heading[data-v-1f3471ed] {
  margin: 0 0 var(--swatch-heading-margin);
  color: var(--swatch-label-fg);
  font-size: var(--swatch-label-font-size);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
}
.ms-swatch-picker__grid[data-v-1f3471ed] {
  --swatch-size-default: var(--swatch-option-size);
  display: grid;
  grid-template-columns: repeat(7, auto);
  gap: var(--swatch-grid-gap);
}
.ms-swatch-picker__option[data-v-1f3471ed] {
  display: inline-flex;
  padding: 0;
  border: none;
  border-radius: var(--swatch-radius);
  background: transparent;
  cursor: pointer;
}
.ms-swatch-picker__option[data-v-1f3471ed]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-8a0ed0b4]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-8a0ed0b4] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-8a0ed0b4]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-8a0ed0b4] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-8a0ed0b4]:root,
body.dark[data-v-8a0ed0b4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-8a0ed0b4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-8a0ed0b4]:root,
body.dark[data-v-8a0ed0b4] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-8a0ed0b4]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-8a0ed0b4]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-8a0ed0b4] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-switch[data-v-8a0ed0b4] {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: var(--switch-gap);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  cursor: pointer;
}
.ms-switch--sm[data-v-8a0ed0b4] {
  --switch-track-width: var(--switch-track-width-sm);
  --switch-track-height: var(--switch-track-height-sm);
  --switch-thumb-size: var(--switch-thumb-size-sm);
}
.ms-switch--disabled[data-v-8a0ed0b4] {
  opacity: var(--switch-disabled-opacity);
  cursor: not-allowed;
}
.ms-switch--with-text .ms-switch__control[data-v-8a0ed0b4] {
  margin-inline-start: auto;
}
.ms-switch__control[data-v-8a0ed0b4] {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  margin-block-start: 0.125em;
}
.ms-switch__input[data-v-8a0ed0b4] {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  cursor: inherit;
}
.ms-switch__track[data-v-8a0ed0b4] {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  inline-size: var(--switch-track-width);
  block-size: var(--switch-track-height);
  border: 1px solid var(--switch-track-border);
  border-radius: var(--switch-radius);
  background: var(--switch-track-bg);
  transition: background-color var(--switch-transition-duration) var(--switch-transition-ease), border-color var(--switch-transition-duration) var(--switch-transition-ease);
}
.ms-switch[data-v-8a0ed0b4] {
  /* Positioned with inset-inline-start rather than moved with translate. */
}
.ms-switch__thumb[data-v-8a0ed0b4] {
  position: absolute;
  inset-inline-start: var(--switch-thumb-inset);
  inline-size: var(--switch-thumb-size);
  block-size: var(--switch-thumb-size);
  border-radius: var(--switch-radius);
  background: var(--switch-thumb-bg);
  box-shadow: var(--switch-thumb-shadow);
  transition: inset-inline-start var(--switch-transition-duration) var(--switch-transition-ease);
}
.ms-switch[data-v-8a0ed0b4] {
  /* State comes off the input, so the platform stays the source of truth. */
}
.ms-switch__input:checked + .ms-switch__track[data-v-8a0ed0b4] {
  background: var(--switch-track-bg-checked);
  border-color: var(--switch-track-bg-checked);
}
.ms-switch__input:checked + .ms-switch__track .ms-switch__thumb[data-v-8a0ed0b4] {
  inset-inline-start: calc(var(--switch-track-width) - var(--switch-thumb-size) - var(--switch-thumb-inset) * 2);
}
.ms-switch__input:focus-visible + .ms-switch__track[data-v-8a0ed0b4] {
  outline: none;
  box-shadow: var(--switch-focus-ring);
}
.ms-switch:hover .ms-switch__input:not(:disabled):checked + .ms-switch__track[data-v-8a0ed0b4] {
  background: var(--switch-track-bg-checked-hover);
  border-color: var(--switch-track-bg-checked-hover);
}
.ms-switch--invalid .ms-switch__input + .ms-switch__track[data-v-8a0ed0b4] {
  border-color: var(--switch-track-border-invalid);
}
.ms-switch--invalid .ms-switch__label[data-v-8a0ed0b4] {
  color: var(--switch-label-fg-invalid);
}
.ms-switch--invalid .ms-switch__input:checked + .ms-switch__track[data-v-8a0ed0b4] {
  background: var(--switch-track-bg-invalid-checked);
  border-color: var(--switch-track-bg-invalid-checked);
}
.ms-switch__text[data-v-8a0ed0b4] {
  display: flex;
  flex-direction: column;
  gap: var(--switch-text-gap);
}
.ms-switch__label[data-v-8a0ed0b4] {
  color: var(--switch-label-fg);
  font-size: var(--switch-label-font-size);
  font-weight: var(--switch-label-font-weight);
  line-height: var(--leading-snug);
}
.ms-switch__description[data-v-8a0ed0b4] {
  color: var(--switch-description-fg);
  font-size: var(--switch-description-font-size);
  line-height: var(--leading-normal);
}
.ms-switch--card[data-v-8a0ed0b4] {
  display: flex;
  /* Stretch rather than shrink-to-fit. */
  align-self: stretch;
  padding: var(--switch-card-padding);
  border: 1px solid var(--switch-card-border);
  border-radius: var(--switch-card-radius);
  background: var(--switch-card-bg);
  transition: background-color var(--switch-transition-duration) var(--switch-transition-ease);
}
.ms-switch--card[data-v-8a0ed0b4]:hover:not(.ms-switch--disabled) {
  background: var(--switch-card-bg-hover);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a14175f5]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a14175f5] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a14175f5]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a14175f5] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a14175f5]:root,
body.dark[data-v-a14175f5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a14175f5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a14175f5]:root,
body.dark[data-v-a14175f5] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a14175f5]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a14175f5]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a14175f5] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-workspace-item[data-v-a14175f5] {
  display: flex;
  align-items: center;
  gap: var(--workspace-item-gap);
  /* Takes the room a row gives it and no more. */
  flex: 1;
  min-inline-size: 0;
  text-align: start;
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  /* The row is the whole control here, so it draws what a row draws. */
}
.ms-workspace-item--interactive[data-v-a14175f5] {
  /* Standing alone it is the row, so it fills whatever it is put in. */
  inline-size: 100%;
  padding: var(--workspace-item-padding);
  color: var(--workspace-item-fg);
  background: var(--workspace-item-bg);
  border: 1px solid var(--workspace-item-border);
  border-radius: var(--workspace-item-radius);
  cursor: pointer;
  transition: background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out);
}
.ms-workspace-item--interactive[data-v-a14175f5]:hover {
  background: var(--workspace-item-bg-hover);
  border-color: var(--workspace-item-border-hover);
}
.ms-workspace-item--interactive[data-v-a14175f5]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-workspace-item[data-v-a14175f5] {
  /* The chosen one rests on the fill the others only reach on hover. */
}
.ms-workspace-item--interactive.ms-workspace-item--selected[data-v-a14175f5] {
  background: var(--workspace-item-bg-selected);
  box-shadow: var(--ring-state);
}
.ms-workspace-item__text[data-v-a14175f5] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  min-inline-size: 0;
  flex: 1;
}
.ms-workspace-item__name[data-v-a14175f5], .ms-workspace-item__domain[data-v-a14175f5] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-workspace-item__name[data-v-a14175f5] {
  font-size: var(--workspace-item-name-size);
}
.ms-workspace-item__domain[data-v-a14175f5] {
  color: var(--workspace-item-domain-fg);
  font-size: var(--workspace-item-domain-size);
}
.ms-workspace-item[data-v-a14175f5] {
  /* Pushed to the end the way a shortcut or a submenu chevron is. */
}
.ms-workspace-item__check[data-v-a14175f5] {
  flex-shrink: 0;
  margin-inline-start: auto;
  inline-size: 16px;
  block-size: 16px;
  color: var(--workspace-item-check-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c4a001e3]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c4a001e3] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c4a001e3]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c4a001e3] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c4a001e3]:root,
body.dark[data-v-c4a001e3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c4a001e3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c4a001e3]:root,
body.dark[data-v-c4a001e3] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c4a001e3]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c4a001e3]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c4a001e3] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-breadcrumb[data-v-c4a001e3] {
  min-inline-size: 0;
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  /* The quiet version, asked for by the screen rather than assumed. */
}
.ms-breadcrumb--muted[data-v-c4a001e3] {
  --breadcrumb-link-fg: var(--breadcrumb-link-fg-muted);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-24ca0034]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-24ca0034] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-24ca0034]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-24ca0034] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-24ca0034]:root,
body.dark[data-v-24ca0034] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-24ca0034] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-24ca0034]:root,
body.dark[data-v-24ca0034] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-24ca0034]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-24ca0034]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-24ca0034] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-breadcrumb__list[data-v-24ca0034] {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  min-inline-size: 0;
  gap: var(--breadcrumb-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--breadcrumb-font-size);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-1f0ff7ab]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-1f0ff7ab] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-1f0ff7ab]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-1f0ff7ab] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-1f0ff7ab]:root,
body.dark[data-v-1f0ff7ab] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-1f0ff7ab] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-1f0ff7ab]:root,
body.dark[data-v-1f0ff7ab] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-1f0ff7ab]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-1f0ff7ab]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-1f0ff7ab] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-breadcrumb__item[data-v-1f0ff7ab] {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  gap: var(--breadcrumb-item-gap);
  max-inline-size: var(--breadcrumb-crumb-max-width);
  min-inline-size: var(--breadcrumb-crumb-min-width);
}

/* Neither limit: what is in it is already the width it wants to be. */
.ms-breadcrumb__item--fit[data-v-1f0ff7ab] {
  max-inline-size: none;
  min-inline-size: 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-78fb33fa]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-78fb33fa] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-78fb33fa]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-78fb33fa] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-78fb33fa]:root,
body.dark[data-v-78fb33fa] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-78fb33fa] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-78fb33fa]:root,
body.dark[data-v-78fb33fa] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-78fb33fa]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-78fb33fa]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-78fb33fa] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-breadcrumb__link[data-v-78fb33fa] {
  display: inline-block;
  vertical-align: middle;
  max-inline-size: 100%;
  min-inline-size: 0;
  padding: var(--breadcrumb-crumb-padding);
  border-radius: var(--breadcrumb-crumb-radius);
  color: var(--breadcrumb-link-fg);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-ease), color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-ease);
}
.ms-breadcrumb__link[data-v-78fb33fa]:hover {
  color: var(--breadcrumb-link-fg-hover);
  background: var(--breadcrumb-crumb-bg-hover);
}
.ms-breadcrumb__link[aria-expanded=true][data-v-78fb33fa] {
  color: var(--breadcrumb-link-fg-hover);
  background: var(--breadcrumb-crumb-bg-hover);
}
.ms-breadcrumb__link[data-v-78fb33fa]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-breadcrumb__link[data-v-78fb33fa] svg,
.ms-breadcrumb__link[data-v-78fb33fa] .ms-swatch {
  vertical-align: text-bottom;
  margin-inline-end: var(--breadcrumb-mark-gap);
}
.ms-breadcrumb__link[data-v-78fb33fa] svg {
  inline-size: var(--breadcrumb-icon-size);
  block-size: var(--breadcrumb-icon-size);
}
.ms-breadcrumb__link[data-v-78fb33fa] img {
  vertical-align: text-bottom;
  margin-inline-end: var(--breadcrumb-mark-gap);
  inline-size: var(--breadcrumb-icon-size);
  block-size: var(--breadcrumb-icon-size);
  border-radius: var(--breadcrumb-icon-radius);
  object-fit: cover;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-107e8823]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-107e8823] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-107e8823]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-107e8823] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-107e8823]:root,
body.dark[data-v-107e8823] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-107e8823] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-107e8823]:root,
body.dark[data-v-107e8823] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-107e8823]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-107e8823]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-107e8823] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-breadcrumb__page[data-v-107e8823] {
  display: inline-block;
  vertical-align: middle;
  max-inline-size: 100%;
  min-inline-size: 0;
  padding: var(--breadcrumb-crumb-padding);
  border: none;
  border-radius: var(--breadcrumb-crumb-radius);
  background: transparent;
  color: var(--breadcrumb-page-fg);
  font: inherit;
  font-weight: var(--breadcrumb-page-font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ms-breadcrumb__page--interactive[data-v-107e8823] {
  cursor: pointer;
  transition: background-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-ease);
}
.ms-breadcrumb__page--interactive[data-v-107e8823]:hover, .ms-breadcrumb__page--interactive[aria-expanded=true][data-v-107e8823] {
  background: var(--breadcrumb-crumb-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-breadcrumb__page--interactive[data-v-107e8823]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-breadcrumb__page[data-v-107e8823] svg,
.ms-breadcrumb__page[data-v-107e8823] .ms-swatch {
  vertical-align: text-bottom;
  margin-inline-end: var(--breadcrumb-mark-gap);
}
.ms-breadcrumb__page[data-v-107e8823] svg {
  inline-size: var(--breadcrumb-icon-size);
  block-size: var(--breadcrumb-icon-size);
}
.ms-breadcrumb__page[data-v-107e8823] img {
  vertical-align: text-bottom;
  margin-inline-end: var(--breadcrumb-mark-gap);
  inline-size: var(--breadcrumb-icon-size);
  block-size: var(--breadcrumb-icon-size);
  border-radius: var(--breadcrumb-icon-radius);
  object-fit: cover;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-7f1bbfa1]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-7f1bbfa1] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-7f1bbfa1]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-7f1bbfa1] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-7f1bbfa1]:root,
body.dark[data-v-7f1bbfa1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-7f1bbfa1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-7f1bbfa1]:root,
body.dark[data-v-7f1bbfa1] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-7f1bbfa1]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-7f1bbfa1]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-7f1bbfa1] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-breadcrumb__separator[data-v-7f1bbfa1] {
  display: inline-flex;
  /* Never squeezed: a slash that shrank would leave two names touching. */
  flex: none;
  align-items: center;
  color: var(--breadcrumb-separator-fg);
  user-select: none;
}
.ms-breadcrumb__separator[data-v-7f1bbfa1] svg {
  inline-size: var(--breadcrumb-separator-icon-size);
  block-size: var(--breadcrumb-separator-icon-size);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e5949027]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e5949027] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e5949027]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e5949027] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e5949027]:root,
body.dark[data-v-e5949027] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e5949027] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e5949027]:root,
body.dark[data-v-e5949027] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e5949027]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e5949027]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e5949027] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-breadcrumb__ellipsis[data-v-e5949027] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--breadcrumb-ellipsis-size);
  block-size: var(--breadcrumb-ellipsis-size);
  padding: 0;
  border: none;
  border-radius: var(--breadcrumb-crumb-radius);
  background: transparent;
  color: var(--breadcrumb-separator-fg);
  cursor: pointer;
  transition: background-color var(--breadcrumb-transition-duration) var(--breadcrumb-transition-ease);
}
.ms-breadcrumb__ellipsis[data-v-e5949027]:hover, .ms-breadcrumb__ellipsis[aria-expanded=true][data-v-e5949027] {
  background: var(--breadcrumb-crumb-bg-hover);
  color: var(--breadcrumb-link-fg-hover);
}
.ms-breadcrumb__ellipsis[data-v-e5949027]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-breadcrumb__ellipsis[data-v-e5949027] svg {
  inline-size: var(--breadcrumb-icon-size);
  block-size: var(--breadcrumb-icon-size);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-04de65c0]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-04de65c0] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-04de65c0]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-04de65c0] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-04de65c0]:root,
body.dark[data-v-04de65c0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-04de65c0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-04de65c0]:root,
body.dark[data-v-04de65c0] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-04de65c0]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-04de65c0]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-04de65c0] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-skeleton[data-v-04de65c0] {
  display: block;
  background: var(--skeleton-bg);
  border-radius: var(--skeleton-radius);
  /* A pulse rather than a sweep. */
  animation: ms-skeleton-pulse var(--skeleton-duration) var(--skeleton-ease) infinite;
}
.ms-skeleton--text[data-v-04de65c0] {
  block-size: var(--skeleton-text-block-size);
  inline-size: 100%;
  margin-block: var(--skeleton-text-margin-block);
  border-radius: var(--skeleton-text-radius);
}
.ms-skeleton--rect[data-v-04de65c0] {
  inline-size: 100%;
  block-size: var(--skeleton-rect-block-size);
}
.ms-skeleton--circle[data-v-04de65c0] {
  flex: none;
  inline-size: var(--skeleton-circle-size);
  block-size: var(--skeleton-circle-size);
  border-radius: var(--radius-full);
}

/* The pulse is a global keyframe — see tokens/primitive/motion.css. */
/* Still visible, just still. */
@media (prefers-reduced-motion: reduce) {
.ms-skeleton[data-v-04de65c0] {
    animation: none;
    opacity: var(--skeleton-opacity-rest);
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-34a7ab0a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-34a7ab0a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-34a7ab0a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-34a7ab0a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-34a7ab0a]:root,
body.dark[data-v-34a7ab0a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-34a7ab0a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-34a7ab0a]:root,
body.dark[data-v-34a7ab0a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-34a7ab0a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-34a7ab0a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-34a7ab0a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-breadcrumb-skeleton__crumb[data-v-34a7ab0a] {
  display: inline-flex;
  align-items: center;
  gap: var(--breadcrumb-mark-gap);
  padding: var(--breadcrumb-crumb-padding);
}
.ms-breadcrumb-skeleton__name[data-v-34a7ab0a] {
  display: flex;
  align-items: center;
  block-size: 1lh;
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-22addeba]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-22addeba] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-22addeba]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-22addeba] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-22addeba]:root,
body.dark[data-v-22addeba] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-22addeba] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-22addeba]:root,
body.dark[data-v-22addeba] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-22addeba]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-22addeba]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-22addeba] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-button[data-v-22addeba] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-gap);
  border: 1px solid transparent;
  border-radius: var(--btn-radius);
  background-color: transparent;
  color: var(--fg-primary);
  font-family: inherit;
  letter-spacing: var(--tracking-normal);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: var(--leading-none);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--btn-transition-duration) var(--btn-transition-ease), border-color var(--btn-transition-duration) var(--btn-transition-ease), color var(--btn-transition-duration) var(--btn-transition-ease);
}
.ms-button[data-v-22addeba]:focus-visible {
  outline: none;
  box-shadow: var(--btn-focus-ring);
}
.ms-button[data-v-22addeba] {
  /* :disabled only exists on <button>; --inert covers the anchor case. */
}
.ms-button[data-v-22addeba]:disabled, .ms-button--inert[data-v-22addeba] {
  opacity: var(--btn-disabled-opacity);
  cursor: not-allowed;
  pointer-events: none;
}
.ms-button[data-v-22addeba] {
  /* Slot content belongs to the parent scope, hence :deep. */
}
.ms-button[data-v-22addeba] svg,
.ms-button[data-v-22addeba] img {
  flex-shrink: 0;
  inline-size: var(--btn-icon-size);
  block-size: var(--btn-icon-size);
}
.ms-button[data-v-22addeba] {
  /* ---- Sizes ---- */
}
.ms-button--size-xs[data-v-22addeba] {
  height: var(--btn-height-xs);
  padding: 0 var(--sp-8);
  font-size: var(--btn-font-size-xs);
}
.ms-button--size-sm[data-v-22addeba] {
  height: var(--btn-height-sm);
  padding: 0 var(--sp-8);
}
.ms-button--size-default[data-v-22addeba] {
  height: var(--btn-height);
  padding: 0 var(--sp-8);
}
.ms-button--size-lg[data-v-22addeba] {
  height: var(--btn-height-lg);
  padding: 0 var(--sp-8);
}
.ms-button[data-v-22addeba] {
  /* Icon-only: square, no padding — replaces legacy .btn--icon / .btn--close. */
}
.ms-button--size-icon-xs[data-v-22addeba], .ms-button--size-icon-sm[data-v-22addeba], .ms-button--size-icon[data-v-22addeba], .ms-button--size-icon-lg[data-v-22addeba] {
  padding: 0;
}
.ms-button--size-icon-xs[data-v-22addeba] {
  width: var(--btn-height-xs);
  height: var(--btn-height-xs);
}
.ms-button--size-icon-sm[data-v-22addeba] {
  width: var(--btn-height-sm);
  height: var(--btn-height-sm);
}
.ms-button--size-icon[data-v-22addeba] {
  width: var(--btn-height);
  height: var(--btn-height);
}
.ms-button--size-icon-lg[data-v-22addeba] {
  width: var(--btn-height-lg);
  height: var(--btn-height-lg);
}
.ms-button--block[data-v-22addeba] {
  width: 100%;
}
.ms-button--pill[data-v-22addeba] {
  border-radius: var(--radius-pill);
}
.ms-button[data-v-22addeba] {
  /* ---- Variants ---- */
}
.ms-button--solid[data-v-22addeba] {
  --ms-button-seam: var(--btn-solid-divider);
  --btn-counter-base-bg: var(--btn-counter-base-bg-on-fill);
  background-color: var(--btn-solid-bg);
  color: var(--btn-solid-fg);
}
.ms-button--solid[data-v-22addeba]:hover:not(:disabled) {
  background-color: var(--btn-solid-bg-hover);
}
.ms-button--soft[data-v-22addeba] {
  --ms-button-seam: var(--btn-soft-divider);
  background-color: var(--btn-soft-bg);
  color: var(--btn-soft-fg);
}
.ms-button--soft[data-v-22addeba]:hover:not(:disabled) {
  background-color: var(--btn-soft-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-button--outline[data-v-22addeba] {
  --ms-button-seam: var(--btn-outline-divider);
  background-color: var(--btn-outline-bg);
  border-color: var(--btn-outline-border);
  color: var(--btn-outline-fg);
}
.ms-button--outline[data-v-22addeba]:hover:not(:disabled) {
  background-color: var(--btn-outline-bg-hover);
  border-color: var(--btn-outline-border-hover);
}
.ms-button--ghost[data-v-22addeba] {
  --ms-button-seam: var(--btn-ghost-divider);
  color: var(--btn-ghost-fg);
}
.ms-button--ghost[data-v-22addeba]:hover:not(:disabled) {
  background-color: var(--btn-ghost-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-button--muted[data-v-22addeba] {
  --ms-button-seam: var(--btn-muted-divider);
  color: var(--btn-muted-fg);
}
.ms-button--muted[data-v-22addeba]:hover:not(:disabled) {
  color: var(--btn-muted-fg-hover);
  background-color: var(--btn-muted-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-button[data-v-22addeba] {
  /* ---- Tones ---- A tone draws nothing of its own. */
}
.ms-button--tone-danger[data-v-22addeba] {
  --btn-outline-bg: var(--btn-danger-outline-bg);
  --btn-outline-bg-hover: var(--btn-danger-outline-bg-hover);
  --btn-outline-border: var(--btn-danger-outline-border);
  --btn-outline-border-hover: var(--btn-danger-outline-border);
  --btn-outline-fg: var(--btn-danger-outline-fg);
  --btn-outline-divider: var(--btn-danger-outline-border);
  --btn-solid-bg: var(--btn-danger-solid-bg);
  --btn-solid-bg-hover: var(--btn-danger-solid-bg-hover);
  --btn-solid-fg: var(--btn-danger-solid-fg);
  --btn-solid-divider: var(--btn-danger-solid-divider);
  --btn-soft-bg: var(--btn-danger-soft-bg);
  --btn-soft-bg-hover: var(--btn-danger-soft-bg-hover);
  --btn-soft-fg: var(--btn-danger-soft-fg);
  --btn-soft-divider: var(--btn-danger-outline-border);
  --btn-ghost-fg: var(--btn-danger-ghost-fg);
  --btn-ghost-bg-hover: var(--btn-danger-ghost-bg-hover);
  --btn-ghost-divider: var(--btn-danger-outline-border);
}
.ms-button--tone-success[data-v-22addeba] {
  --btn-outline-bg: var(--btn-success-outline-bg);
  --btn-outline-bg-hover: var(--btn-success-outline-bg-hover);
  --btn-outline-border: var(--btn-success-outline-border);
  --btn-outline-border-hover: var(--btn-success-outline-border);
  --btn-outline-fg: var(--btn-success-outline-fg);
  --btn-outline-divider: var(--btn-success-outline-border);
  --btn-solid-bg: var(--btn-success-solid-bg);
  --btn-solid-bg-hover: var(--btn-success-solid-bg-hover);
  --btn-solid-fg: var(--btn-success-solid-fg);
  --btn-solid-divider: var(--btn-success-solid-divider);
  --btn-soft-bg: var(--btn-success-soft-bg);
  --btn-soft-bg-hover: var(--btn-success-soft-bg-hover);
  --btn-soft-fg: var(--btn-success-soft-fg);
  --btn-soft-divider: var(--btn-success-outline-border);
  --btn-ghost-fg: var(--btn-success-ghost-fg);
  --btn-ghost-bg-hover: var(--btn-success-ghost-bg-hover);
  --btn-ghost-divider: var(--btn-success-outline-border);
}
.ms-button--tone-ai[data-v-22addeba] {
  --btn-outline-bg: var(--btn-ai-outline-bg);
  --btn-outline-bg-hover: var(--btn-ai-outline-bg-hover);
  --btn-outline-border: var(--btn-ai-outline-border);
  --btn-outline-border-hover: var(--btn-ai-outline-border);
  --btn-outline-fg: var(--btn-ai-outline-fg);
  --btn-outline-divider: var(--btn-ai-divider);
  --btn-solid-bg: var(--btn-ai-solid-bg);
  --btn-solid-bg-hover: var(--btn-ai-solid-bg-hover);
  --btn-solid-fg: var(--btn-ai-solid-fg);
  --btn-solid-divider: var(--btn-ai-solid-divider);
  --btn-soft-bg: var(--btn-ai-soft-bg);
  --btn-soft-bg-hover: var(--btn-ai-soft-bg-hover);
  --btn-soft-fg: var(--btn-ai-soft-fg);
  --btn-soft-divider: var(--btn-ai-divider);
  --btn-ghost-fg: var(--btn-ai-ghost-fg);
  --btn-ghost-bg-hover: var(--btn-ai-ghost-bg-hover);
  --btn-ghost-divider: var(--btn-ai-divider);
}
.ms-button--tone-ai.ms-button--animated[data-v-22addeba]:hover:not(:disabled) svg {
  animation: ms-button-ai-icon-22addeba var(--btn-ai-icon-duration) both;
}
.ms-button[data-v-22addeba] {
  /* Underlined on hover only, so it does not shout at rest. */
}
.ms-button--link[data-v-22addeba] {
  height: auto;
  width: auto;
  padding: 0;
  color: var(--btn-link-fg);
  text-underline-offset: var(--sp-4);
}
.ms-button--link[data-v-22addeba]:hover:not(:disabled) {
  text-decoration: underline;
}
.ms-button__spinner[data-v-22addeba] {
  width: 0.75em;
  height: 0.75em;
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-radius: var(--radius-pill);
  animation: ms-button-spin-22addeba var(--duration-700) var(--ease-linear) infinite;
}
.ms-button__counter[data-v-22addeba] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-width: var(--btn-counter-size);
  height: var(--btn-counter-size);
  padding: 0 var(--sp-4);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-11);
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}
.ms-button__counter--base[data-v-22addeba] {
  background-color: var(--btn-counter-base-bg);
}
.ms-button__counter--accent[data-v-22addeba] {
  color: var(--btn-counter-accent-fg);
  background-color: var(--btn-counter-accent-bg);
}
.ms-button__counter--danger[data-v-22addeba] {
  color: var(--btn-counter-danger-fg);
  background-color: var(--btn-counter-danger-bg);
}
.ms-button__counter--success[data-v-22addeba] {
  color: var(--btn-counter-success-fg);
  background-color: var(--btn-counter-success-bg);
}

/* One turn while scaled up, then a spring back down to rest. */
@keyframes ms-button-ai-icon-22addeba {
0% {
    transform: rotate(0deg) scale(1);
    animation-timing-function: var(--ease-out);
}
25% {
    transform: rotate(80deg) scale(1.22);
    animation-timing-function: var(--ease-in-out);
}
70% {
    transform: rotate(300deg) scale(1.22);
    animation-timing-function: var(--ease-spring);
}
100% {
    transform: rotate(360deg) scale(1);
}
}
@keyframes ms-button-spin-22addeba {
to {
    transform: rotate(360deg);
}
}
.ms-button__stack[data-v-22addeba] {
  display: contents;
}
.ms-button--captioned[data-v-22addeba] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  block-size: auto;
  row-gap: 0;
  padding-block: var(--btn-caption-padding-block);
  text-align: start;
}
.ms-button--captioned .ms-button__caption[data-v-22addeba] {
  grid-column: 1;
  grid-row: 1;
  overflow: hidden;
  color: var(--btn-caption-fg);
  font-size: var(--btn-caption-font-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--btn-caption-line-height);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-button--captioned .ms-button__stack[data-v-22addeba] {
  display: flex;
  grid-column: 1;
  grid-row: 2;
  align-items: center;
  gap: var(--btn-gap);
  min-inline-size: 0;
}
.ms-button--captioned[data-v-22addeba] {
  /* The box the label is actually cut off in — see the template. */
}
.ms-button--captioned .ms-button__line[data-v-22addeba] {
  min-inline-size: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-button--captioned .ms-button__trailing[data-v-22addeba] {
  display: inline-flex;
  grid-column: 2;
  grid-row: 1/span 2;
  align-items: center;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-268b0800]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-268b0800] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-268b0800]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-268b0800] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-268b0800]:root,
body.dark[data-v-268b0800] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-268b0800] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-268b0800]:root,
body.dark[data-v-268b0800] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-268b0800]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-268b0800]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-268b0800] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-button-group[data-v-268b0800] {
  display: inline-flex;
  isolation: isolate;
  vertical-align: middle;
}
.ms-button-group--block[data-v-268b0800] {
  display: flex;
  inline-size: 100%;
}
.ms-button-group[data-v-268b0800] >  * {
  position: relative;
}
.ms-button-group[data-v-268b0800] {
  /* A separator sits between two buttons, so it has to match their seam. */
}
.ms-button-group[data-v-268b0800] >  .ms-button--solid + .ms-button-group__separator {
  background: var(--btn-solid-divider);
}
.ms-button-group[data-v-268b0800] >  .ms-button--soft + .ms-button-group__separator {
  background: var(--btn-soft-divider);
}
.ms-button-group[data-v-268b0800] >  .ms-button--outline + .ms-button-group__separator {
  background: var(--btn-outline-divider);
}
.ms-button-group[data-v-268b0800] >  .ms-button--ghost + .ms-button-group__separator {
  background: var(--btn-ghost-divider);
}
.ms-button-group[data-v-268b0800] >  .ms-button--muted + .ms-button-group__separator {
  background: var(--btn-muted-divider);
}
.ms-button-group[data-v-268b0800] >  .ms-button--destructive + .ms-button-group__separator {
  background: var(--btn-destructive-divider);
}
.ms-button-group[data-v-268b0800] >  .ms-button--ai + .ms-button-group__separator {
  background: var(--btn-ai-divider);
}
.ms-button-group[data-v-268b0800] {
  /* Lift the hovered/focused child so its border and focus ring stay whole. */
}
.ms-button-group[data-v-268b0800] >  *:hover,
.ms-button-group[data-v-268b0800] >  *:focus-visible,
.ms-button-group[data-v-268b0800] >  *:focus-within {
  z-index: 1;
}
.ms-button-group--horizontal[data-v-268b0800] {
  flex-direction: row;
}
.ms-button-group--horizontal[data-v-268b0800] >  *:not(:first-child) {
  margin-inline-start: -1px;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-inline-start-color: var(--ms-button-seam, var(--btn-group-divider));
}
.ms-button-group--horizontal[data-v-268b0800] >  *:not(:last-child) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.ms-button-group--horizontal[data-v-268b0800] >  .ms-button-group__separator {
  margin-inline-start: -1px;
}
.ms-button-group--horizontal[data-v-268b0800] >  .ms-button-group__separator + * {
  margin-inline-start: 0;
  border-inline-start-color: transparent;
}
.ms-button-group--vertical[data-v-268b0800] {
  flex-direction: column;
  align-items: stretch;
}
.ms-button-group--vertical[data-v-268b0800] >  *:not(:first-child) {
  margin-block-start: -1px;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-block-start-color: var(--ms-button-seam, var(--btn-group-divider));
}
.ms-button-group--vertical[data-v-268b0800] >  *:not(:last-child) {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
.ms-button-group--vertical[data-v-268b0800] >  .ms-button-group__separator {
  margin-block-start: -1px;
}
.ms-button-group--vertical[data-v-268b0800] >  .ms-button-group__separator + * {
  margin-block-start: 0;
  border-block-start-color: transparent;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9d05a72f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9d05a72f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9d05a72f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9d05a72f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9d05a72f]:root,
body.dark[data-v-9d05a72f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9d05a72f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9d05a72f]:root,
body.dark[data-v-9d05a72f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9d05a72f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9d05a72f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9d05a72f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-button-group__separator[data-v-9d05a72f] {
  flex: none;
  align-self: stretch;
  background: var(--btn-group-separator);
}
.ms-button-group__separator--vertical[data-v-9d05a72f] {
  width: 1px;
}
.ms-button-group__separator--horizontal[data-v-9d05a72f] {
  height: 1px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-0f9e14bf]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-0f9e14bf] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-0f9e14bf]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-0f9e14bf] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-0f9e14bf]:root,
body.dark[data-v-0f9e14bf] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-0f9e14bf] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-0f9e14bf]:root,
body.dark[data-v-0f9e14bf] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-0f9e14bf]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-0f9e14bf]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-0f9e14bf] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-button-group__text[data-v-0f9e14bf] {
  display: inline-flex;
  flex: none;
  gap: var(--sp-8);
  align-items: center;
  height: 32px;
  padding: 0 var(--sp-8);
  color: var(--btn-group-text-fg);
  font-size: var(--font-size-14);
  white-space: nowrap;
  background: var(--btn-group-text-bg);
  border: 1px solid var(--btn-group-text-border);
  border-radius: var(--btn-group-text-radius);
}
.ms-button-group__text[data-v-0f9e14bf] svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-dc9198a5]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-dc9198a5] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-dc9198a5]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-dc9198a5] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-dc9198a5]:root,
body.dark[data-v-dc9198a5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-dc9198a5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-dc9198a5]:root,
body.dark[data-v-dc9198a5] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-dc9198a5]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-dc9198a5]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-dc9198a5] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/* The parts own their own padding rather than the card owning one box of it. */
.ms-card[data-v-dc9198a5] {
  display: flex;
  flex-direction: column;
  gap: var(--card-gap);
  inline-size: 100%;
  overflow: hidden;
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  background: var(--card-bg);
  box-shadow: var(--card-shadow, none);
  color: var(--card-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  text-align: start;
}
.ms-card--flat[data-v-dc9198a5] {
  --card-shadow: var(--card-elevation-flat);
}
.ms-card--raised[data-v-dc9198a5] {
  --card-shadow: var(--card-elevation-raised);
}
.ms-card--floating[data-v-dc9198a5] {
  --card-shadow: var(--card-elevation-floating);
}
.ms-card--spacing-compact[data-v-dc9198a5] {
  --card-padding-inline: var(--card-padding-compact);
  --card-padding-block: var(--card-padding-compact);
  --card-gap: var(--card-gap-compact);
}
.ms-card--spacing-comfortable[data-v-dc9198a5] {
  --card-padding-inline: var(--card-padding-comfortable);
  --card-padding-block: var(--card-padding-comfortable);
  --card-gap: var(--card-gap-comfortable);
}
.ms-card--spacing-spacious[data-v-dc9198a5] {
  --card-padding-inline: var(--card-padding-spacious);
  --card-padding-block: var(--card-padding-spacious);
  --card-gap: var(--card-gap-spacious);
}
.ms-card--interactive[data-v-dc9198a5] {
  display: flex;
  padding: 0;
  cursor: pointer;
  transition: border-color var(--card-transition-duration) var(--card-transition-ease), background-color var(--card-transition-duration) var(--card-transition-ease);
  /* The fill moves, the edge does not. */
}
.ms-card--interactive[data-v-dc9198a5]:hover {
  background: var(--card-interactive-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-card--interactive[data-v-dc9198a5]:focus-visible {
  outline: none;
  box-shadow: var(--card-focus-ring), var(--card-shadow, none) !important;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-560c2016]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-560c2016] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-560c2016]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-560c2016] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-560c2016]:root,
body.dark[data-v-560c2016] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-560c2016] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-560c2016]:root,
body.dark[data-v-560c2016] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-560c2016]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-560c2016]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-560c2016] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-card__header[data-v-560c2016] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-12);
  padding: var(--card-padding-block) var(--card-padding-inline) 0;
}
.ms-card > .ms-card__header[data-v-560c2016]:last-child {
  padding-block-end: var(--card-padding-block);
}
.ms-card__header .ms-card__heading[data-v-560c2016] {
  display: flex;
  flex-direction: column;
  gap: var(--card-header-gap);
  min-inline-size: 0;
}
.ms-card__header[data-v-560c2016] {
  /* In the row, not absolutely positioned in the corner. */
}
.ms-card__header .ms-card__action[data-v-560c2016] {
  flex-shrink: 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-aa8f7134]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-aa8f7134] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-aa8f7134]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-aa8f7134] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-aa8f7134]:root,
body.dark[data-v-aa8f7134] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-aa8f7134] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-aa8f7134]:root,
body.dark[data-v-aa8f7134] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-aa8f7134]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-aa8f7134]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-aa8f7134] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-card__title[data-v-aa8f7134] {
  margin: 0;
  font-size: var(--card-title-font-size);
  font-weight: var(--card-title-font-weight);
  line-height: var(--leading-snug);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-102853c2]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-102853c2] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-102853c2]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-102853c2] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-102853c2]:root,
body.dark[data-v-102853c2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-102853c2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-102853c2]:root,
body.dark[data-v-102853c2] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-102853c2]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-102853c2]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-102853c2] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-card__description[data-v-102853c2] {
  color: var(--card-description-fg);
  font-size: var(--card-description-font-size);
  line-height: var(--leading-normal);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-6a0a1212]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-6a0a1212] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-6a0a1212]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-6a0a1212] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-6a0a1212]:root,
body.dark[data-v-6a0a1212] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-6a0a1212] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-6a0a1212]:root,
body.dark[data-v-6a0a1212] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-6a0a1212]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-6a0a1212]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-6a0a1212] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-card__content[data-v-6a0a1212] {
  padding-inline: var(--card-padding-inline);
}
.ms-card > .ms-card__content[data-v-6a0a1212]:first-child {
  padding-block-start: var(--card-padding-block);
}
.ms-card__content[data-v-6a0a1212] {
  /* And with no footer below it, the bottom. */
}
.ms-card > .ms-card__content[data-v-6a0a1212]:last-child {
  padding-block-end: var(--card-padding-block);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-cadb0624]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-cadb0624] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-cadb0624]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-cadb0624] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-cadb0624]:root,
body.dark[data-v-cadb0624] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-cadb0624] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-cadb0624]:root,
body.dark[data-v-cadb0624] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-cadb0624]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-cadb0624]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-cadb0624] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-card__footer[data-v-cadb0624] {
  display: flex;
  align-items: center;
  gap: var(--card-footer-gap);
  padding: 0 var(--card-padding-inline) var(--card-padding-block);
  /* The rule sits a full card padding below the content, not a gap. */
}
.ms-card__footer--separated[data-v-cadb0624] {
  margin-block-start: calc(var(--card-padding-block) - var(--card-gap));
  padding-block: var(--card-padding-block);
  border-block-start: 1px solid var(--card-footer-border);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9034a678]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9034a678] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9034a678]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9034a678] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9034a678]:root,
body.dark[data-v-9034a678] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9034a678] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9034a678]:root,
body.dark[data-v-9034a678] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9034a678]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9034a678]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9034a678] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-checkbox[data-v-9034a678] {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  vertical-align: middle;
  gap: var(--checkbox-gap);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  cursor: pointer;
}
.ms-checkbox--disabled[data-v-9034a678] {
  opacity: var(--checkbox-disabled-opacity);
  cursor: not-allowed;
}
.ms-checkbox--with-text .ms-checkbox__box[data-v-9034a678] {
  margin-block-start: 0.125em;
}
.ms-checkbox__input[data-v-9034a678] {
  position: absolute;
  inline-size: var(--checkbox-size);
  block-size: var(--checkbox-size);
  margin: 0;
  opacity: 0;
  cursor: inherit;
}
.ms-checkbox__box[data-v-9034a678] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: var(--checkbox-size);
  block-size: var(--checkbox-size);
  border: 1px solid var(--checkbox-border);
  border-radius: var(--checkbox-radius);
  background: var(--checkbox-bg);
  color: var(--checkbox-fg-checked);
  transition: background-color var(--checkbox-transition-duration) var(--checkbox-transition-ease), border-color var(--checkbox-transition-duration) var(--checkbox-transition-ease);
}
.ms-checkbox__box svg[data-v-9034a678] {
  inline-size: 12px;
  block-size: 12px;
  stroke-width: 3;
}
.ms-checkbox[data-v-9034a678] {
  /* State comes off the input, so the platform stays the source of truth. */
}
.ms-checkbox__input:checked + .ms-checkbox__box[data-v-9034a678], .ms-checkbox__input:indeterminate + .ms-checkbox__box[data-v-9034a678] {
  background: var(--checkbox-bg-checked);
  border-color: var(--checkbox-border-checked);
}
.ms-checkbox__input:focus-visible + .ms-checkbox__box[data-v-9034a678] {
  outline: none;
  box-shadow: var(--checkbox-focus-ring);
}
.ms-checkbox:hover .ms-checkbox__input:not(:disabled) + .ms-checkbox__box[data-v-9034a678] {
  border-color: var(--checkbox-border-hover);
}
.ms-checkbox:hover .ms-checkbox__input:not(:disabled):checked + .ms-checkbox__box[data-v-9034a678], .ms-checkbox:hover .ms-checkbox__input:not(:disabled):indeterminate + .ms-checkbox__box[data-v-9034a678] {
  background: var(--checkbox-bg-checked-hover);
  border-color: var(--checkbox-bg-checked-hover);
}
.ms-checkbox--invalid .ms-checkbox__input + .ms-checkbox__box[data-v-9034a678] {
  border-color: var(--checkbox-border-invalid);
}
.ms-checkbox--invalid .ms-checkbox__label[data-v-9034a678] {
  color: var(--checkbox-label-fg-invalid);
}
.ms-checkbox--invalid .ms-checkbox__input:checked + .ms-checkbox__box[data-v-9034a678], .ms-checkbox--invalid .ms-checkbox__input:indeterminate + .ms-checkbox__box[data-v-9034a678] {
  background: var(--checkbox-bg-invalid-checked);
  border-color: var(--checkbox-bg-invalid-checked);
}
.ms-checkbox__text[data-v-9034a678] {
  display: flex;
  flex-direction: column;
  gap: var(--checkbox-text-gap);
}
.ms-checkbox__label[data-v-9034a678] {
  color: var(--checkbox-label-fg);
  font-size: var(--checkbox-label-font-size);
  font-weight: var(--checkbox-label-font-weight);
  line-height: var(--leading-snug);
}
.ms-checkbox--card[data-v-9034a678] {
  display: flex;
  /* Stretch rather than shrink-to-fit. */
  align-self: stretch;
  padding: var(--checkbox-card-padding);
  border: 1px solid var(--checkbox-card-border);
  border-radius: var(--checkbox-card-radius);
  background: var(--checkbox-card-bg);
  transition: background-color var(--checkbox-transition-duration) var(--checkbox-transition-ease);
}
.ms-checkbox--card[data-v-9034a678]:hover:not(.ms-checkbox--disabled) {
  background: var(--checkbox-card-bg-hover);
}
.ms-checkbox__description[data-v-9034a678] {
  color: var(--checkbox-description-fg);
  font-size: var(--checkbox-description-font-size);
  line-height: var(--leading-normal);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ffc0039c]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ffc0039c] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ffc0039c]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ffc0039c] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ffc0039c]:root,
body.dark[data-v-ffc0039c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ffc0039c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ffc0039c]:root,
body.dark[data-v-ffc0039c] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ffc0039c]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ffc0039c]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ffc0039c] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dropzone[data-v-ffc0039c] {
  position: relative;
  border-radius: var(--dropzone-radius);
  /* The dashed box that is its own invitation. */
}
.ms-dropzone--tile[data-v-ffc0039c] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-block-size: var(--dropzone-tile-min-block-size);
  border: var(--dropzone-border-width) dashed var(--dropzone-border);
  background: var(--dropzone-tile-bg);
  color: var(--dropzone-fg);
  transition: border-color var(--duration-150) var(--ease-out), background-color var(--duration-150) var(--ease-out);
}
.ms-dropzone--armed.ms-dropzone--surface[data-v-ffc0039c] {
  outline: var(--dropzone-border-width) dashed var(--dropzone-border);
  outline-offset: calc(var(--dropzone-border-width) * -1);
}
.ms-dropzone--armed.ms-dropzone--tile[data-v-ffc0039c] {
  border-color: var(--dropzone-border-armed);
}
.ms-dropzone[data-v-ffc0039c] {
  /* The one it would land on. */
}
.ms-dropzone--targeted.ms-dropzone--surface[data-v-ffc0039c] {
  outline-style: solid;
  outline-color: var(--dropzone-border-target);
  background: var(--dropzone-bg-target);
}
.ms-dropzone--targeted.ms-dropzone--tile[data-v-ffc0039c] {
  border-style: solid;
  border-color: var(--dropzone-border-target);
  background: var(--dropzone-bg-target);
}
.ms-dropzone__mark[data-v-ffc0039c] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  pointer-events: none;
}
.ms-dropzone__label[data-v-ffc0039c] {
  padding: var(--dropzone-label-padding-block) var(--dropzone-label-padding-inline);
  border-radius: var(--dropzone-label-radius);
  background: var(--dropzone-label-bg);
  color: var(--dropzone-label-fg);
  font-size: var(--dropzone-label-font-size);
  font-weight: var(--font-weight-medium);
  box-shadow: var(--dropzone-label-shadow);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-696bf853]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-696bf853] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-696bf853]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-696bf853] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-696bf853]:root,
body.dark[data-v-696bf853] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-696bf853] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-696bf853]:root,
body.dark[data-v-696bf853] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-696bf853]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-696bf853]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-696bf853] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-composer[data-v-696bf853] {
  display: flex;
  flex-direction: column;
  gap: var(--composer-under-gap);
  inline-size: 100%;
  min-inline-size: 0;
  font-family: var(--font-family-sans);
  /* ---- the box ---- */
}
.ms-composer__drop[data-v-696bf853] {
  --dropzone-radius: var(--composer-radius);
  min-inline-size: 0;
}
.ms-composer__instead[data-v-696bf853] {
  min-inline-size: 0;
}
.ms-composer__box[data-v-696bf853] {
  display: flex;
  align-items: center;
  gap: var(--composer-gap);
  min-inline-size: 0;
  border-radius: var(--composer-radius);
  padding-block: var(--composer-padding-block);
  padding-inline: var(--composer-padding-inline);
  border: 1px solid var(--composer-border);
  background: var(--composer-bg);
  color: var(--composer-fg);
  transition: border-color var(--composer-transition-duration) var(--composer-transition-ease), box-shadow var(--composer-transition-duration) var(--composer-transition-ease);
}
.ms-composer:not(.ms-composer--disabled) .ms-composer__box[data-v-696bf853]:hover:not(:focus-within) {
  border-color: var(--composer-border-hover);
}
.ms-composer__box[data-v-696bf853]:focus-within {
  border-color: var(--composer-border-focus);
  box-shadow: var(--composer-focus-ring);
}
.ms-composer--nudge .ms-composer__box[data-v-696bf853] {
  outline: 2px solid transparent;
  animation: ms-composer-nudge-696bf853 560ms var(--composer-transition-ease) both;
}
.ms-composer--nudge .ms-composer__field[data-v-696bf853]::placeholder {
  animation: ms-composer-placeholder-696bf853 320ms var(--composer-transition-ease) both;
}
.ms-composer--disabled .ms-composer__box[data-v-696bf853] {
  background: var(--composer-disabled-bg);
  opacity: var(--composer-disabled-opacity);
  cursor: not-allowed;
}
.ms-composer[data-v-696bf853] {
  /* ---- the field ---- */
}
.ms-composer__field[data-v-696bf853] {
  flex: 1 1 auto;
  min-inline-size: 0;
  max-block-size: var(--composer-max-height);
  padding: 0;
  overflow-y: auto;
}
.ms-composer__field[data-v-696bf853]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-composer__field[data-v-696bf853]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-composer__field[data-v-696bf853]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-composer__field[data-v-696bf853]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-composer__field[data-v-696bf853]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-composer__field[data-v-696bf853] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-composer__field[data-v-696bf853]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-composer__field[data-v-696bf853] {
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-size: var(--composer-font-size);
  line-height: var(--leading-relaxed);
  resize: none;
  /* The box draws the ring; a second one inside it would be two boxes. */
}
.ms-composer__field[data-v-696bf853]:focus {
  outline: none;
}
.ms-composer__field[data-v-696bf853]::placeholder {
  color: var(--composer-placeholder-fg);
}
.ms-composer__field[data-v-696bf853]:disabled {
  cursor: not-allowed;
}
.ms-composer[data-v-696bf853] {
  /* ---- the rails of controls ---- */
}
.ms-composer__lead[data-v-696bf853], .ms-composer__end[data-v-696bf853], .ms-composer__under-end[data-v-696bf853] {
  display: flex;
  flex: 0 0 auto;
  gap: var(--sp-8);
  align-items: center;
  min-inline-size: 0;
}
.ms-composer__end[data-v-696bf853] {
  margin-inline-start: auto;
}
.ms-composer__palette[data-v-696bf853] {
  flex-basis: 100%;
  min-inline-size: 0;
  margin-inline: calc(var(--composer-padding-inline) * -1);
  border-block-start: 1px solid var(--composer-border);
}
.ms-composer__attachments[data-v-696bf853] {
  flex-basis: 100%;
  min-inline-size: 0;
  display: grid;
  grid-template-rows: 1fr;
  margin-block-end: calc(var(--composer-gap) * -1);
}
.ms-composer__attachments-inner[data-v-696bf853] {
  min-block-size: 0;
  padding-block-end: var(--composer-gap);
}
.ms-composer__hint[data-v-696bf853] {
  display: flex;
  gap: var(--sp-4);
  align-items: center;
  min-inline-size: 0;
  color: var(--composer-hint-fg);
  font-size: var(--composer-hint-size);
  white-space: nowrap;
}
.ms-composer[data-v-696bf853] {
  /* ---- the line under the box ---- */
}
.ms-composer__under[data-v-696bf853] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-4) var(--sp-8);
  align-items: center;
  justify-content: space-between;
  min-inline-size: 0;
  padding-inline: var(--composer-under-padding-inline);
}
.ms-composer__under-end[data-v-696bf853] {
  margin-inline-start: auto;
}
.ms-composer--stack .ms-composer__box[data-v-696bf853] {
  flex-wrap: wrap;
  box-shadow: var(--composer-shadow);
}
.ms-composer--stack .ms-composer__box[data-v-696bf853]:focus-within {
  box-shadow: var(--composer-shadow-focus), var(--composer-focus-ring);
}
.ms-composer--stack .ms-composer__field[data-v-696bf853] {
  /* Its own line, and the wrap does the rest. */
  flex-basis: 100%;
  min-block-size: var(--composer-min-height);
}
.ms-composer[data-v-696bf853] {
  /* ---- compact: one line in a pill, the settings underneath it ---- */
}
.ms-composer--compact .ms-composer__box[data-v-696bf853] {
  flex-wrap: wrap;
}
.ms-composer--compact .ms-composer__palette[data-v-696bf853] {
  order: 1;
}
.ms-composer--compact .ms-composer__palette[data-v-696bf853] {
  margin-block-end: calc(var(--composer-padding-block) * -1);
}
.ms-composer--compact .ms-composer__lead[data-v-696bf853] {
  order: -1;
}
.ms-composer--compact .ms-composer__attachments[data-v-696bf853] {
  order: -2;
}
.ms-composer--compact .ms-composer__field[data-v-696bf853] {
  max-block-size: var(--composer-compact-max-height);
  min-block-size: var(--composer-compact-min-height);
}
.ms-composer--compact.ms-composer--grown .ms-composer__field[data-v-696bf853] {
  flex-basis: 100%;
}
.ms-composer--compact.ms-composer--grown .ms-composer__lead[data-v-696bf853], .ms-composer--compact.ms-composer--grown .ms-composer__end[data-v-696bf853] {
  order: 2;
}
.ms-composer-band-enter-active[data-v-696bf853],
.ms-composer-band-leave-active[data-v-696bf853] {
  transition: grid-template-rows var(--duration-200) var(--ease-out), opacity var(--duration-200) var(--ease-out);
}
.ms-composer-band-enter-active .ms-composer__attachments-inner[data-v-696bf853],
.ms-composer-band-leave-active .ms-composer__attachments-inner[data-v-696bf853] {
  overflow: hidden;
}
.ms-composer-band-enter-from[data-v-696bf853],
.ms-composer-band-leave-to[data-v-696bf853] {
  grid-template-rows: 0fr;
  opacity: 0;
}
.ms-composer-send-enter-active[data-v-696bf853],
.ms-composer-send-leave-active[data-v-696bf853] {
  transition: opacity var(--duration-150) var(--ease-out), transform var(--duration-150) var(--ease-out);
}
.ms-composer-send-enter-from[data-v-696bf853],
.ms-composer-send-leave-to[data-v-696bf853] {
  opacity: 0;
  transform: scale(0.8);
}
@media (prefers-reduced-motion: reduce) {
.ms-composer-send-enter-active[data-v-696bf853],
  .ms-composer-send-leave-active[data-v-696bf853] {
    transition: none;
}
}
@keyframes ms-composer-nudge-696bf853 {
from {
    outline-color: var(--composer-border-focus);
    outline-offset: 6px;
}
to {
    outline-color: transparent;
    outline-offset: 0;
}
}
@keyframes ms-composer-placeholder-696bf853 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.ms-composer--nudge .ms-composer__box[data-v-696bf853],
  .ms-composer--nudge .ms-composer__field[data-v-696bf853]::placeholder {
    animation: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-0bee5d7a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-0bee5d7a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-0bee5d7a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-0bee5d7a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-0bee5d7a]:root,
body.dark[data-v-0bee5d7a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-0bee5d7a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-0bee5d7a]:root,
body.dark[data-v-0bee5d7a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-0bee5d7a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-0bee5d7a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-0bee5d7a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-command[data-v-0bee5d7a] {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  background: var(--command-bg);
}
.ms-command--comfortable[data-v-0bee5d7a] {
  --command-item-font-size: var(--font-size-14);
  --command-description-font-size: var(--font-size-12);
  --command-group-heading-size: var(--font-size-11);
}
.ms-command[data-v-0bee5d7a] .ms-command__input {
  inline-size: 100%;
  padding: var(--command-input-padding);
  border: none;
  border-block-end: 1px solid var(--command-input-border);
  background: transparent;
  color: var(--command-input-fg);
  font: inherit;
  font-size: var(--font-size-14);
}
.ms-command[data-v-0bee5d7a] .ms-command__input:focus {
  outline: none;
}
.ms-command[data-v-0bee5d7a] .ms-command__input::placeholder {
  color: var(--command-input-placeholder-fg);
}
.ms-command[data-v-0bee5d7a] .ms-command__list {
  max-block-size: var(--command-max-height);
  overflow-y: auto;
  scroll-padding-block-end: var(--command-sticky-clearance);
  padding: var(--command-padding);
  overscroll-behavior: contain;
}
.ms-command[data-v-0bee5d7a] .ms-command__group-heading {
  display: flex;
  gap: var(--sp-6);
  align-items: center;
  padding: var(--sp-8) var(--sp-8) var(--sp-4);
  color: var(--command-group-heading-fg);
  font-size: var(--command-group-heading-size);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--command-group-heading-tracking);
  text-transform: uppercase;
}
.ms-command[data-v-0bee5d7a] .ms-command__item {
  display: grid;
  grid-template-columns: var(--command-item-columns);
  align-items: center;
  gap: var(--command-item-gap);
  padding: var(--command-item-padding);
  border-radius: var(--command-item-radius);
  color: var(--command-item-fg);
  font-size: var(--command-item-font-size);
  cursor: pointer;
  user-select: none;
}
.ms-command[data-v-0bee5d7a] .ms-command__item--active {
  background: var(--command-item-bg-active);
  box-shadow: var(--ring-state);
}
.ms-command[data-v-0bee5d7a] .ms-command__item[aria-disabled='true'] {
  color: var(--command-item-fg-disabled);
  cursor: not-allowed;
}
.ms-command[data-v-0bee5d7a] .ms-command__item[aria-disabled='true'] .ms-command__description {
  color: var(--command-description-fg-disabled);
}
.ms-command[data-v-0bee5d7a] .ms-command__item--code .ms-command__lead > svg {
  color: var(--command-item-fg-code);
}
.ms-command[data-v-0bee5d7a] .ms-command__item--sticky {
  position: sticky;
  inset-block-end: calc(var(--command-padding) * -1);
  z-index: 1;
  margin-block-start: var(--sp-4);
  border-block-start: 1px solid var(--command-footer-border);
  border-radius: 0;
  background-color: var(--command-sticky-bg);
}
.ms-command[data-v-0bee5d7a] .ms-command__item--sticky.ms-command__item--active {
  background-image: linear-gradient(var(--command-item-bg-active), var(--command-item-bg-active));
}
.ms-command[data-v-0bee5d7a] .ms-command__keys {
  display: inline-flex;
  gap: var(--sp-6);
  align-items: center;
  opacity: 0;
}
.ms-command[data-v-0bee5d7a] .ms-command__item--active .ms-command__keys,
.ms-command[data-v-0bee5d7a] .ms-command__item--sticky .ms-command__keys {
  opacity: 1;
}
.ms-command[data-v-0bee5d7a] .ms-command__keys-note {
  color: var(--command-trailing-fg);
  font-size: var(--command-description-font-size);
  white-space: nowrap;
}
.ms-command[data-v-0bee5d7a] .ms-command__item--indent {
  padding-inline-start: calc(var(--sp-20) + (var(--command-item-indent, 1) - 1) * var(--sp-16));
}
.ms-command[data-v-0bee5d7a] {
  /* The tree's own disclosure, at the head of the row and ahead of its mark. */
}
.ms-command[data-v-0bee5d7a] .ms-command__fold {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: var(--sp-16);
  block-size: var(--sp-16);
  border: 0;
  padding: 0;
  border-radius: var(--radius-xs);
  background: none;
  color: var(--fg-faint);
  cursor: pointer;
  transition: transform var(--duration-150) var(--ease-out);
}
.ms-command[data-v-0bee5d7a] .ms-command__fold svg {
  inline-size: 0.875rem;
  block-size: 0.875rem;
}
.ms-command[data-v-0bee5d7a] .ms-command__fold:hover {
  color: var(--fg-primary);
}
.ms-command[data-v-0bee5d7a] .ms-command__fold--open {
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
.ms-command[data-v-0bee5d7a] .ms-command__fold {
    transition: none;
}
}
.ms-command[data-v-0bee5d7a] .ms-command__box {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  pointer-events: none;
}
.ms-command[data-v-0bee5d7a] .ms-command__item[aria-disabled='true'] .ms-command__label--code,
.ms-command[data-v-0bee5d7a] .ms-command__item--code[aria-disabled='true'] .ms-command__lead > svg {
  color: var(--command-item-fg-disabled);
}
.ms-command[data-v-0bee5d7a] .ms-command__lead {
  display: flex;
  align-items: center;
  gap: var(--sp-6);
  min-inline-size: 0;
  --swatch-trigger-padding: 0;
}
.ms-command[data-v-0bee5d7a] {
  /* A brand's own mark where a glyph would be, at the size the list draws one. */
}
.ms-command[data-v-0bee5d7a] .ms-command__mark {
  flex-shrink: 0;
  inline-size: var(--command-mark-size, 1rem);
  block-size: var(--command-mark-size, 1rem);
}
.ms-command[data-v-0bee5d7a] .ms-command__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ms-command[data-v-0bee5d7a] .ms-command__label--code {
  color: var(--command-item-fg-code);
  font-family: var(--font-family-mono);
  font-weight: var(--font-weight-medium);
}
.ms-command[data-v-0bee5d7a] .ms-command__badge {
  flex-shrink: 0;
  padding-inline: var(--sp-6);
  background: var(--command-badge-bg);
  border-radius: var(--radius-xs);
  color: var(--command-badge-fg);
  font-size: var(--command-badge-font-size);
  font-variant-numeric: tabular-nums;
  line-height: 1.7;
  white-space: nowrap;
}
.ms-command[data-v-0bee5d7a] .ms-command__badge--info {
  background: var(--info-subtle);
  color: var(--info-text);
}
.ms-command[data-v-0bee5d7a] .ms-command__badge--success {
  background: var(--success-subtle);
  color: var(--success-text);
}
.ms-command[data-v-0bee5d7a] .ms-command__badge--warning {
  background: var(--warning-subtle);
  color: var(--warning-text);
}
.ms-command[data-v-0bee5d7a] .ms-command__badge--danger {
  background: var(--danger-subtle);
  color: var(--danger-text);
}
.ms-command[data-v-0bee5d7a] .ms-command__label mark {
  background: var(--command-mark-bg);
  color: var(--command-mark-fg);
  border-radius: var(--radius-xs);
}
.ms-command[data-v-0bee5d7a] .ms-command__detail {
  display: flex;
  align-items: center;
  min-inline-size: 0;
  --meter-height: var(--command-meter-height);
  --meter-font-size: var(--command-meter-font-size);
  --meter-label-fg: var(--command-meter-fg);
  --meter-value-fg: var(--command-meter-fg);
}
.ms-command[data-v-0bee5d7a] .ms-command__detail > * {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.ms-command[data-v-0bee5d7a] .ms-command__description {
  inline-size: 100%;
  overflow: hidden;
  color: var(--command-description-fg);
  font-size: var(--command-description-font-size);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ms-command[data-v-0bee5d7a] .ms-command__description-mark {
  inline-size: 1em;
  block-size: 1em;
  margin-inline-end: var(--sp-2);
  vertical-align: -0.15em;
}
.ms-command[data-v-0bee5d7a] {
  /* Shortcuts, badges, a submenu chevron. Empty on most rows. */
}
.ms-command[data-v-0bee5d7a] .ms-command__trailing {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sp-6);
  color: var(--command-trailing-fg);
}
.ms-command[data-v-0bee5d7a] .ms-command__item svg {
  flex-shrink: 0;
  inline-size: 14px;
  block-size: 14px;
}
.ms-command[data-v-0bee5d7a] .ms-command__separator {
  block-size: 1px;
  /* Negative inline margin so the rule spans the list's padding. */
  margin: var(--sp-4) calc(var(--command-padding) * -1);
  background: var(--command-separator);
}
.ms-command[data-v-0bee5d7a] .ms-command__empty {
  padding: var(--sp-16) var(--sp-8);
  color: var(--command-empty-fg);
  font-size: var(--font-size-13);
  text-align: center;
}
.ms-command[data-v-0bee5d7a] .ms-command__footer {
  display: flex;
  align-items: center;
  gap: var(--sp-12);
  padding: var(--sp-6) var(--sp-12);
  border-block-start: 1px solid var(--command-footer-border);
  background: var(--command-footer-bg);
  color: var(--command-footer-fg);
  font-size: var(--command-footer-font-size);
}
.ms-command[data-v-0bee5d7a] .ms-command__footer > * {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-4);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-cc9a228a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-cc9a228a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-cc9a228a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-cc9a228a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-cc9a228a]:root,
body.dark[data-v-cc9a228a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-cc9a228a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-cc9a228a]:root,
body.dark[data-v-cc9a228a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-cc9a228a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-cc9a228a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-cc9a228a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-kbd[data-v-cc9a228a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: var(--kbd-min-size);
  block-size: var(--kbd-min-size);
  padding-inline: var(--kbd-padding-inline);
  border-radius: var(--kbd-radius);
  background: var(--kbd-bg);
  color: var(--kbd-fg);
  font-family: var(--kbd-font-family);
  letter-spacing: var(--tracking-normal);
  font-size: var(--kbd-font-size);
  font-weight: var(--kbd-font-weight);
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}
.ms-kbd--sm[data-v-cc9a228a] {
  font-size: var(--kbd-font-size-sm);
}
.ms-kbd__arrow[data-v-cc9a228a] {
  inline-size: 0.85em;
  block-size: 0.85em;
}
.ms-kbd[data-v-cc9a228a] {
  /* The edge is an inset shadow, not a border — and that is not a preference. */
}
.ms-kbd--outline[data-v-cc9a228a] {
  background: var(--kbd-outline-bg);
  box-shadow: inset 0 0 0 1px var(--kbd-outline-border);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-aa783cdb]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-aa783cdb] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-aa783cdb]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-aa783cdb] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-aa783cdb]:root,
body.dark[data-v-aa783cdb] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-aa783cdb] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-aa783cdb]:root,
body.dark[data-v-aa783cdb] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-aa783cdb]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-aa783cdb]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-aa783cdb] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-kbd-group[data-v-aa783cdb] {
  --ms-kbd-separator: '';
  display: inline-flex;
  align-items: center;
  gap: var(--kbd-group-gap);
  vertical-align: middle;
}
.ms-kbd-group--separated .ms-kbd + .ms-kbd[data-v-aa783cdb-s]::before {
  content: var(--ms-kbd-separator);
  margin-inline-end: var(--kbd-group-gap);
  color: var(--kbd-group-separator-fg);
  font-size: var(--kbd-font-size);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-5b50e646]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-5b50e646] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-5b50e646]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-5b50e646] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-5b50e646]:root,
body.dark[data-v-5b50e646] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-5b50e646] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-5b50e646]:root,
body.dark[data-v-5b50e646] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-5b50e646]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-5b50e646]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-5b50e646] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-meter[data-v-5b50e646] {
  display: flex;
  align-items: center;
  gap: var(--meter-gap);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-size: var(--meter-font-size);
}
.ms-meter__label[data-v-5b50e646] {
  flex-shrink: 0;
  min-inline-size: var(--meter-label-min-width);
  color: var(--meter-label-fg);
}
.ms-meter__track[data-v-5b50e646] {
  flex: 1 1 auto;
  min-inline-size: 0;
  block-size: var(--meter-height);
  background: var(--meter-track-bg);
  border-radius: var(--meter-radius);
  overflow: hidden;
}
.ms-meter__fill[data-v-5b50e646] {
  block-size: 100%;
  border-radius: inherit;
  transition: inline-size var(--meter-transition-duration) var(--meter-transition-ease);
}
.ms-meter__value[data-v-5b50e646] {
  flex-shrink: 0;
  min-inline-size: var(--meter-value-min-width);
  color: var(--meter-value-fg);
  text-align: end;
  font-variant-numeric: tabular-nums;
}
.ms-meter--accent .ms-meter__fill[data-v-5b50e646] {
  background: var(--meter-fill-accent);
}
.ms-meter--neutral .ms-meter__fill[data-v-5b50e646] {
  background: var(--meter-fill-neutral);
}
.ms-meter--success .ms-meter__fill[data-v-5b50e646] {
  background: var(--meter-fill-success);
}
.ms-meter--warning .ms-meter__fill[data-v-5b50e646] {
  background: var(--meter-fill-warning);
}
.ms-meter--danger .ms-meter__fill[data-v-5b50e646] {
  background: var(--meter-fill-danger);
}
.ms-meter[data-v-5b50e646] {
  /* Last, so it wins over whichever tone class is also present. */
}
.ms-meter--scale .ms-meter__fill[data-v-5b50e646] {
  --ms-meter-gradient-size: 100% 100%;
  background-image: linear-gradient(to right, var(--meter-scale-from) 0%, var(--meter-scale-warm) var(--meter-scale-warm-at), var(--meter-scale-good) var(--meter-scale-good-at), var(--meter-scale-to) 100%);
  background-repeat: no-repeat;
  background-size: var(--ms-meter-gradient-size);
  transition: inline-size var(--meter-transition-duration) var(--meter-transition-ease), background-size var(--meter-transition-duration) var(--meter-transition-ease);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e59e958d]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e59e958d] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e59e958d]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e59e958d] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e59e958d]:root,
body.dark[data-v-e59e958d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e59e958d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e59e958d]:root,
body.dark[data-v-e59e958d] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e59e958d]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e59e958d]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e59e958d] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/* The box is the reach, not the dot. */
.ms-pulse[data-v-e59e958d] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--pulse-reach);
  block-size: var(--pulse-reach);
  flex: 0 0 auto;
  color: var(--pulse-fg);
}
.ms-pulse__core[data-v-e59e958d] {
  inline-size: var(--pulse-core-size);
  block-size: var(--pulse-core-size);
  border-radius: var(--radius-full);
  background: currentcolor;
}
.ms-pulse__ring[data-v-e59e958d] {
  position: absolute;
  inset: 0;
  border: var(--pulse-ring-width) solid currentcolor;
  border-radius: var(--radius-full);
  opacity: 0;
  transform: scale(0);
  animation: ms-pulse-ring-e59e958d var(--pulse-duration) var(--pulse-ease) infinite;
}
.ms-pulse--paused .ms-pulse__ring[data-v-e59e958d] {
  animation-play-state: paused;
  opacity: 0;
}
.ms-pulse__label[data-v-e59e958d] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ms-pulse--sm[data-v-e59e958d] {
  --pulse-reach: var(--pulse-reach-sm);
  --pulse-core-size: var(--pulse-core-size-sm);
  --pulse-ring-width: var(--pulse-ring-width-sm);
}
.ms-pulse--success[data-v-e59e958d] {
  --pulse-fg: var(--pulse-fg-success);
}
.ms-pulse--accent[data-v-e59e958d] {
  --pulse-fg: var(--pulse-fg-accent);
}
.ms-pulse--warning[data-v-e59e958d] {
  --pulse-fg: var(--pulse-fg-warning);
}
.ms-pulse--danger[data-v-e59e958d] {
  --pulse-fg: var(--pulse-fg-danger);
}
.ms-pulse--info[data-v-e59e958d] {
  --pulse-fg: var(--pulse-fg-info);
}
@keyframes ms-pulse-ring-e59e958d {
from {
    opacity: 1;
    transform: scale(0);
}
to {
    opacity: 0;
    transform: scale(1);
}
}
/* The rings go, the dot stays. */
@media (prefers-reduced-motion: reduce) {
.ms-pulse__ring[data-v-e59e958d] {
    display: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-0b34c203]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-0b34c203] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-0b34c203]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-0b34c203] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-0b34c203]:root,
body.dark[data-v-0b34c203] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-0b34c203] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-0b34c203]:root,
body.dark[data-v-0b34c203] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-0b34c203]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-0b34c203]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-0b34c203] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-command__radio[data-v-0b34c203] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--checkbox-size);
  block-size: var(--checkbox-size);
  border: 1px solid var(--checkbox-border);
  border-radius: var(--radius-full);
  background: var(--checkbox-bg);
}
.ms-command__radio--on[data-v-0b34c203] {
  border-color: var(--checkbox-border-checked);
  background: var(--checkbox-bg-checked);
}
.ms-command__radio--on[data-v-0b34c203]::after {
  content: "";
  inline-size: 6px;
  block-size: 6px;
  border-radius: var(--radius-full);
  background: var(--checkbox-fg-checked);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-749529c2]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-749529c2] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-749529c2]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-749529c2] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-749529c2]:root,
body.dark[data-v-749529c2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-749529c2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-749529c2]:root,
body.dark[data-v-749529c2] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-749529c2]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-749529c2]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-749529c2] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-command__list[data-v-749529c2]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-command__list[data-v-749529c2]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-command__list[data-v-749529c2]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-command__list[data-v-749529c2]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-command__list[data-v-749529c2]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-command__list[data-v-749529c2] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-command__list[data-v-749529c2]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-64b761d0]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-64b761d0] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-64b761d0]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-64b761d0] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-64b761d0]:root,
body.dark[data-v-64b761d0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-64b761d0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-64b761d0]:root,
body.dark[data-v-64b761d0] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-64b761d0]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-64b761d0]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-64b761d0] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-command__skeleton[data-v-64b761d0] {
  display: contents;
}
.ms-command__skeleton-say[data-v-64b761d0] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ms-command__skeleton-mark[data-v-64b761d0] {
  flex: none;
  inline-size: 16px;
  block-size: 16px;
  border-radius: var(--radius-xs);
}
.ms-command__skeleton-trail[data-v-64b761d0] {
  inline-size: 2.5rem;
  block-size: 0.875rem;
  border-radius: var(--radius-xs);
}
.ms-command__skeleton-stack[data-v-64b761d0] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--sp-4);
  min-inline-size: 0;
}
.ms-command__skeleton-line[data-v-64b761d0] {
  display: flex;
  flex: 1;
  align-items: center;
  min-inline-size: 0;
  font-size: var(--command-item-font-size);
  line-height: normal;
}
.ms-command__skeleton-line[data-v-64b761d0]::before {
  content: "​";
  inline-size: 0;
}

/* The second line is the row's subtitle, and smaller — so its box is smaller too. */
.ms-command__skeleton-line--sub[data-v-64b761d0] {
  font-size: var(--font-size-12);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-25c73db4]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-25c73db4] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-25c73db4]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-25c73db4] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-25c73db4]:root,
body.dark[data-v-25c73db4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-25c73db4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-25c73db4]:root,
body.dark[data-v-25c73db4] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-25c73db4]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-25c73db4]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-25c73db4] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-combobox__control[data-v-25c73db4] {
  display: flex;
  align-items: center;
  gap: var(--sp-8);
  inline-size: 100%;
  min-inline-size: 0;
  flex: 1 1 auto;
  padding-inline: var(--input-padding-inline);
  border: 1px solid var(--input-border);
  border-radius: var(--input-radius);
  background: var(--input-bg);
  color: var(--input-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-size: var(--input-font-size);
  text-align: start;
  transition: border-color var(--input-transition-duration) var(--input-transition-ease), box-shadow var(--input-transition-duration) var(--input-transition-ease);
}
.ms-combobox__control--sm[data-v-25c73db4] {
  block-size: var(--input-height-sm);
  padding-inline: var(--input-padding-inline-sm);
  font-size: var(--input-font-size-sm);
}
.ms-combobox__control--default[data-v-25c73db4] {
  block-size: var(--input-height);
}
.ms-combobox__control--lg[data-v-25c73db4] {
  block-size: var(--input-height-lg);
}
.ms-combobox__control[data-v-25c73db4] {
  cursor: text;
}
.ms-combobox__control[data-v-25c73db4]:hover:not(:has(.ms-combobox__input:focus)) {
  border-color: var(--input-border-hover);
}
.ms-combobox__control[data-v-25c73db4]:has(.ms-combobox__input:focus) {
  border-color: var(--input-border-focus);
  box-shadow: var(--input-focus-ring);
}
.ms-combobox__control--invalid[data-v-25c73db4] {
  border-color: var(--input-border-invalid);
}
.ms-combobox__control--invalid[data-v-25c73db4]:has(.ms-combobox__input:focus) {
  border-color: var(--input-border-invalid);
  box-shadow: var(--input-focus-ring-invalid);
}
.ms-combobox__control--disabled[data-v-25c73db4] {
  background: var(--input-disabled-bg);
  opacity: var(--input-disabled-opacity);
  cursor: not-allowed;
}
.ms-combobox__control--multiple[data-v-25c73db4] {
  align-items: flex-start;
  block-size: auto;
  min-block-size: var(--input-height);
  padding-block: var(--sp-4);
}
.ms-combobox__control[data-v-25c73db4] {
  /* The leading edge only, and only once there is a chip against it. */
}
.ms-combobox__control--multiple[data-v-25c73db4]:has(.ms-combobox__chip) {
  padding-inline-start: var(--combobox-chips-padding-inline);
}
.ms-combobox__control--multiple.ms-combobox__control--sm[data-v-25c73db4] {
  min-block-size: var(--input-height-sm);
}
.ms-combobox__control--multiple.ms-combobox__control--lg[data-v-25c73db4] {
  min-block-size: var(--input-height-lg);
}
.ms-combobox__control--ghost-variant[data-v-25c73db4] {
  border-color: transparent;
  background: transparent;
}
.ms-combobox__control--ghost-variant .ms-combobox__toggle[data-v-25c73db4] {
  opacity: 0;
  transition: opacity var(--input-transition-duration) var(--input-transition-ease);
}
.ms-combobox__control--ghost-variant[data-v-25c73db4]:hover:not(:disabled):not([data-open=true]) {
  background: var(--input-ghost-bg-hover);
  border-color: transparent;
}
.ms-combobox__control--ghost-variant:hover .ms-combobox__toggle[data-v-25c73db4], .ms-combobox__control--ghost-variant[data-open=true] .ms-combobox__toggle[data-v-25c73db4] {
  opacity: 1;
}
.ms-combobox__control--ghost-variant[data-v-25c73db4]:has(.ms-combobox__input:focus) {
  background: var(--input-bg);
  border-color: var(--input-border-focus);
}
.ms-combobox__control--ghost-variant:has(.ms-combobox__input:focus) .ms-combobox__toggle[data-v-25c73db4] {
  opacity: 1;
}
.ms-combobox__control--ghost-variant[data-open=true][data-v-25c73db4] {
  background: var(--input-bg);
  border-color: var(--input-border-focus);
  box-shadow: var(--input-focus-ring);
}
.ms-combobox__control--ghost-variant[data-v-25c73db4] {
  /* The clear × does not hide with the chevron. */
}
.ms-combobox__control--ghost-variant .ms-combobox__clear[data-v-25c73db4] {
  opacity: 1;
}
.ms-combobox__input[data-v-25c73db4] {
  flex: 1 1 var(--combobox-input-min-width);
  min-inline-size: var(--combobox-input-min-width);
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}
.ms-combobox__input[data-v-25c73db4]:focus {
  outline: none;
}
.ms-combobox__input[data-v-25c73db4]::placeholder {
  color: var(--select-placeholder-fg);
}
.ms-combobox__input[data-v-25c73db4]:disabled {
  cursor: not-allowed;
}

/* The chips and the text field together — the part that grows and wraps. */
.ms-combobox__field[data-v-25c73db4] {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--combobox-chips-gap);
  min-inline-size: 0;
  min-block-size: var(--combobox-chip-height);
}
.ms-combobox__chip[data-v-25c73db4] {
  display: inline-flex;
  align-items: center;
  gap: var(--combobox-chip-gap);
  block-size: var(--combobox-chip-height);
  max-inline-size: 100%;
  padding-inline: var(--combobox-chip-padding-inline);
  border-radius: var(--combobox-chip-radius);
  background: var(--combobox-chip-bg);
  color: var(--combobox-chip-fg);
  font-size: var(--combobox-chip-font-size);
  line-height: var(--leading-none);
  white-space: nowrap;
}
.ms-combobox__value-icon[data-v-25c73db4] {
  flex-shrink: 0;
  inline-size: 16px;
  block-size: 16px;
  color: var(--fg-muted);
}
.ms-combobox__chip-icon[data-v-25c73db4] {
  flex-shrink: 0;
  inline-size: 14px;
  block-size: 14px;
  color: var(--fg-muted);
}
.ms-combobox__chip-label[data-v-25c73db4] {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ms-combobox__chip-remove[data-v-25c73db4],
.ms-combobox__clear[data-v-25c73db4],
.ms-combobox__toggle[data-v-25c73db4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  block-size: var(--combobox-chip-height);
  padding: 0;
  border: none;
  background: transparent;
  color: var(--select-icon-fg);
  cursor: pointer;
}
.ms-combobox__chip-remove[data-v-25c73db4]:hover:not(:disabled),
.ms-combobox__clear[data-v-25c73db4]:hover:not(:disabled),
.ms-combobox__toggle[data-v-25c73db4]:hover:not(:disabled) {
  color: var(--fg-primary);
}
.ms-combobox__chip-remove[data-v-25c73db4]:disabled,
.ms-combobox__clear[data-v-25c73db4]:disabled,
.ms-combobox__toggle[data-v-25c73db4]:disabled {
  cursor: not-allowed;
}
.ms-combobox__chip-remove[data-v-25c73db4]:focus-visible,
.ms-combobox__clear[data-v-25c73db4]:focus-visible,
.ms-combobox__toggle[data-v-25c73db4]:focus-visible {
  outline: none;
  border-radius: var(--radius-sm);
  box-shadow: var(--input-focus-ring);
}

/* A square rather than a bare icon. */
.ms-combobox__chip-remove[data-v-25c73db4] {
  inline-size: var(--combobox-chip-remove-size);
  block-size: var(--combobox-chip-remove-size);
  border-radius: var(--radius-sm);
  color: var(--combobox-chip-remove-fg);
}
.ms-combobox__chip-remove[data-v-25c73db4]:hover:not(:disabled) {
  background: var(--combobox-chip-remove-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-combobox__chip-remove svg[data-v-25c73db4] {
  inline-size: 12px;
  block-size: 12px;
}
.ms-combobox__clear svg[data-v-25c73db4],
.ms-combobox__toggle svg[data-v-25c73db4] {
  inline-size: 16px;
  block-size: 16px;
}
.ms-combobox__row[data-v-25c73db4] {
  display: contents;
}

/* Captioned, the control becomes two rows and a column beside them. */
.ms-combobox__control--captioned[data-v-25c73db4] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  block-size: auto;
  row-gap: 0;
  padding-block: var(--combobox-caption-padding-block);
}
.ms-combobox__control--captioned .ms-combobox__caption[data-v-25c73db4] {
  grid-column: 1;
  grid-row: 1;
}
.ms-combobox__control--captioned .ms-combobox__row[data-v-25c73db4] {
  display: flex;
  grid-column: 1;
  grid-row: 2;
  align-items: center;
  /* The same value control-box-base gives the control. */
  gap: var(--sp-8);
  min-inline-size: 0;
}
.ms-combobox__control--captioned .ms-combobox__clear[data-v-25c73db4],
.ms-combobox__control--captioned .ms-combobox__toggle[data-v-25c73db4] {
  grid-column: 2;
  grid-row: 1/span 2;
}
.ms-combobox__caption[data-v-25c73db4] {
  max-inline-size: 100%;
  overflow: hidden;
  color: var(--combobox-caption-fg);
  font-size: var(--combobox-caption-font-size);
  line-height: var(--combobox-caption-line-height);
  white-space: nowrap;
  text-overflow: ellipsis;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ddee2e89]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ddee2e89] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ddee2e89]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ddee2e89] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ddee2e89]:root,
body.dark[data-v-ddee2e89] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ddee2e89] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ddee2e89]:root,
body.dark[data-v-ddee2e89] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ddee2e89]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ddee2e89]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ddee2e89] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-combobox__panel[data-v-ddee2e89] {
  --ms-combobox-origin: top;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-dropdown);
  min-inline-size: var(--combobox-panel-min-width);
  overflow: hidden;
  background: var(--combobox-panel-bg);
  border: 1px solid var(--combobox-panel-border);
  border-radius: var(--combobox-panel-radius);
  box-shadow: var(--combobox-panel-shadow);
  transform-origin: var(--ms-combobox-origin);
}
.ms-combobox__panel[data-v-ddee2e89]:focus {
  outline: none;
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__list {
  max-block-size: var(--combobox-panel-max-height);
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__list::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__list::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__list::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__list::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__list::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-combobox__panel[data-v-ddee2e89] .ms-command__list {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__list:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__item {
  grid-template-columns: minmax(0, 1fr) auto var(--command-trailing-size);
  font-size: var(--combobox-item-font-size);
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__group-heading {
  padding: var(--sp-6) var(--sp-8);
  font-size: var(--combobox-label-font-size);
  letter-spacing: var(--tracking-normal);
  text-transform: none;
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__empty {
  font-size: var(--combobox-item-font-size);
}
.ms-combobox__panel[data-v-ddee2e89] .ms-command__lead > svg,
.ms-combobox__panel[data-v-ddee2e89] .ms-command__lead > img {
  flex-shrink: 0;
  inline-size: 16px;
  block-size: 16px;
}
.ms-combobox__panel[data-v-ddee2e89] .ms-combobox__check {
  inline-size: 16px;
  block-size: 16px;
  color: var(--combobox-check-fg);
}
.ms-combobox__panel[data-v-ddee2e89] .ms-combobox__create {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-6);
  min-inline-size: 0;
  color: var(--combobox-create-fg);
}
.ms-combobox__panel[data-v-ddee2e89] .ms-combobox__create-icon {
  flex-shrink: 0;
  inline-size: 14px;
  block-size: 14px;
}
.ms-combobox-enter-active[data-v-ddee2e89] {
  transition: opacity var(--combobox-enter-duration) var(--ease-out), scale var(--combobox-enter-duration) var(--ease-out);
}
.ms-combobox-leave-active[data-v-ddee2e89] {
  transition: opacity var(--combobox-leave-duration) var(--ease-in), scale var(--combobox-leave-duration) var(--ease-in);
}
.ms-combobox-enter-from[data-v-ddee2e89],
.ms-combobox-leave-to[data-v-ddee2e89] {
  opacity: 0;
  scale: var(--combobox-enter-scale);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-5edb1615]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-5edb1615] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-5edb1615]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-5edb1615] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-5edb1615]:root,
body.dark[data-v-5edb1615] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-5edb1615] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-5edb1615]:root,
body.dark[data-v-5edb1615] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-5edb1615]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-5edb1615]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-5edb1615] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-field[data-v-5edb1615] {
  display: flex;
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ms-field--vertical[data-v-5edb1615] {
  flex-direction: column;
  gap: var(--field-gap);
}
.ms-field[data-v-5edb1615] {
  /* Label beside the control instead of above it. */
}
.ms-field--horizontal[data-v-5edb1615] {
  flex-direction: row;
  align-items: flex-start;
  gap: var(--field-row-gap);
}
.ms-field[data-v-5edb1615] {
  /* A fixed column, so every field in a stack starts its control at the same x. */
}
.ms-field--horizontal .ms-field__head[data-v-5edb1615] {
  flex: 0 0 var(--field-label-width);
  padding-block-start: var(--field-label-offset);
}
.ms-field__head[data-v-5edb1615] {
  display: flex;
  flex-direction: column;
  gap: var(--field-head-gap);
  min-inline-size: 0;
}
.ms-field--horizontal .ms-field__control[data-v-5edb1615] {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.ms-field__label[data-v-5edb1615] {
  color: var(--field-label-fg);
  font-size: var(--field-label-font-size);
  font-weight: var(--field-label-font-weight);
  line-height: var(--leading-snug);
  cursor: default;
}
.ms-field__required[data-v-5edb1615] {
  color: var(--field-required-fg);
}
.ms-field__control[data-v-5edb1615] {
  display: flex;
  flex-direction: column;
  gap: var(--field-gap);
}
.ms-field__description[data-v-5edb1615] {
  margin: 0;
  color: var(--field-description-fg);
  font-size: var(--field-description-font-size);
  line-height: var(--leading-normal);
}
.ms-field__error[data-v-5edb1615] {
  margin: 0;
  color: var(--field-error-fg);
  font-size: var(--field-error-font-size);
  line-height: var(--leading-normal);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-4218cede]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-4218cede] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-4218cede]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-4218cede] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-4218cede]:root,
body.dark[data-v-4218cede] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-4218cede] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-4218cede]:root,
body.dark[data-v-4218cede] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-4218cede]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-4218cede]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-4218cede] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-field-group[data-v-4218cede] {
  display: flex;
  flex-direction: column;
  gap: var(--field-group-gap);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-b50955c2]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-b50955c2] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-b50955c2]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-b50955c2] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-b50955c2]:root,
body.dark[data-v-b50955c2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-b50955c2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-b50955c2]:root,
body.dark[data-v-b50955c2] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-b50955c2]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-b50955c2]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-b50955c2] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-input[data-v-b50955c2] {
  inline-size: 100%;
  min-inline-size: 0;
  /* Ignored outside a flex container. */
  flex: 1 1 auto;
  padding-inline: var(--input-padding-inline);
  border: 1px solid var(--input-border);
  border-radius: var(--input-radius);
  background: var(--input-bg);
  color: var(--input-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-size: var(--input-font-size);
  transition: border-color var(--input-transition-duration) var(--input-transition-ease), box-shadow var(--input-transition-duration) var(--input-transition-ease);
}
.ms-input[data-v-b50955c2]::placeholder {
  color: var(--input-placeholder-fg);
}
.ms-input[data-v-b50955c2]:hover:not(:disabled):not(:focus) {
  border-color: var(--input-border-hover);
}
.ms-input[data-v-b50955c2]:focus {
  outline: none;
  border-color: var(--input-border-focus);
  box-shadow: var(--input-focus-ring);
}
.ms-input[data-v-b50955c2]:disabled {
  background: var(--input-disabled-bg);
  opacity: var(--input-disabled-opacity);
  cursor: not-allowed;
}
.ms-input[data-v-b50955c2] {
  /* The read-mostly variant: text at rest, a control once you reach for it. */
}
.ms-input--ghost-variant[data-v-b50955c2] {
  border-color: transparent;
  background: transparent;
}
.ms-input--ghost-variant[data-v-b50955c2]:hover:not(:disabled):not(:focus) {
  border-color: transparent;
  background: var(--input-ghost-bg-hover);
}
.ms-input--ghost-variant[data-v-b50955c2]:focus {
  background: var(--input-bg);
  border-color: var(--input-border-focus);
}
.ms-input--invalid[data-v-b50955c2] {
  border-color: var(--input-border-invalid);
}
.ms-input--invalid[data-v-b50955c2]:focus {
  border-color: var(--input-border-invalid);
  box-shadow: var(--input-focus-ring-invalid);
}
.ms-input--sm[data-v-b50955c2] {
  block-size: var(--input-height-sm);
  padding-inline: var(--input-padding-inline-sm);
  font-size: var(--input-font-size-sm);
}
.ms-input--default[data-v-b50955c2] {
  block-size: var(--input-height);
}
.ms-input--lg[data-v-b50955c2] {
  block-size: var(--input-height-lg);
}
.ms-input[type=file][data-v-b50955c2] {
  padding-inline-start: var(--input-file-padding-inline-start);
  padding-block: var(--sp-4);
  font-size: var(--input-font-size-sm);
}
.ms-input[type=file][data-v-b50955c2]::file-selector-button {
  margin-inline-end: var(--sp-10);
  padding: var(--sp-2) var(--sp-8);
  border: 1px solid var(--input-border);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--fg-secondary);
  font: inherit;
  cursor: pointer;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c039af16]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c039af16] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c039af16]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c039af16] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c039af16]:root,
body.dark[data-v-c039af16] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c039af16] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c039af16]:root,
body.dark[data-v-c039af16] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c039af16]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c039af16]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c039af16] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-input-group__control--textarea[data-v-c039af16] {
  order: 2;
  flex: 1 1 100%;
  min-inline-size: 0;
  min-block-size: var(--input-group-textarea-min-height);
  block-size: auto;
  padding: var(--input-group-textarea-padding);
  border: none;
  background: transparent;
  color: var(--input-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-size: var(--input-font-size);
  line-height: var(--leading-normal);
  /* No drag handle. */
  resize: none;
}
.ms-input-group__control--textarea[data-v-c039af16]::placeholder {
  color: var(--input-placeholder-fg);
}
.ms-input-group__control--textarea[data-v-c039af16]:focus {
  outline: none;
}
.ms-input-group__control--textarea[data-v-c039af16]:disabled {
  cursor: not-allowed;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9bd0a8c2]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9bd0a8c2] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9bd0a8c2]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9bd0a8c2] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9bd0a8c2]:root,
body.dark[data-v-9bd0a8c2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9bd0a8c2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9bd0a8c2]:root,
body.dark[data-v-9bd0a8c2] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9bd0a8c2]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9bd0a8c2]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9bd0a8c2] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-alert[data-v-9bd0a8c2] {
  display: flex;
  align-items: flex-start;
  gap: var(--alert-gap);
  inline-size: 100%;
  padding: var(--alert-padding);
  border: 1px solid var(--alert-border);
  border-radius: var(--alert-radius);
  background: var(--alert-bg);
  color: var(--alert-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  text-align: start;
}
.ms-alert__icon[data-v-9bd0a8c2] {
  display: flex;
  flex-shrink: 0;
  margin-block-start: var(--alert-icon-offset);
  color: var(--alert-icon-fg);
}
.ms-alert__icon[data-v-9bd0a8c2] svg {
  inline-size: var(--alert-icon-size);
  block-size: var(--alert-icon-size);
}
.ms-alert__body[data-v-9bd0a8c2] {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.ms-alert[data-v-9bd0a8c2] {
  /* In the row rather than pinned to a corner. */
}
.ms-alert__action[data-v-9bd0a8c2] {
  flex-shrink: 0;
  align-self: center;
}
.ms-alert[data-v-9bd0a8c2] {
  /* ---- Variants ---- */
}
.ms-alert--soft[data-v-9bd0a8c2] {
  /* See alert.css: the tint costs the muted grey its contrast. */
  --alert-description-fg: var(--alert-soft-description-fg);
  background: var(--alert-soft-bg, var(--surface-subtle));
  border-color: var(--alert-tone-border, var(--border-subtle));
}
.ms-alert--outline[data-v-9bd0a8c2] {
  /* The edge stays neutral; only the mark carries the tone. See alert.css. */
  border-color: var(--alert-border);
}
.ms-alert--tone-accent[data-v-9bd0a8c2] {
  --alert-icon-fg: var(--alert-accent-fg);
  --alert-soft-bg: var(--alert-accent-soft-bg);
  --alert-tone-border: var(--alert-accent-border);
}
.ms-alert--tone-success[data-v-9bd0a8c2] {
  --alert-icon-fg: var(--alert-success-fg);
  --alert-soft-bg: var(--alert-success-soft-bg);
  --alert-tone-border: var(--alert-success-border);
}
.ms-alert--tone-warning[data-v-9bd0a8c2] {
  --alert-icon-fg: var(--alert-warning-fg);
  --alert-soft-bg: var(--alert-warning-soft-bg);
  --alert-tone-border: var(--alert-warning-border);
}
.ms-alert--tone-danger[data-v-9bd0a8c2] {
  --alert-icon-fg: var(--alert-danger-fg);
  --alert-soft-bg: var(--alert-danger-soft-bg);
  --alert-tone-border: var(--alert-danger-border);
}
.ms-alert--tone-info[data-v-9bd0a8c2] {
  --alert-icon-fg: var(--alert-info-fg);
  --alert-soft-bg: var(--alert-info-soft-bg);
  --alert-tone-border: var(--alert-info-border);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c5623228]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c5623228] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c5623228]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c5623228] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c5623228]:root,
body.dark[data-v-c5623228] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c5623228] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c5623228]:root,
body.dark[data-v-c5623228] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c5623228]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c5623228]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c5623228] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-alert__title[data-v-c5623228] {
  margin: 0;
  font-size: var(--alert-title-font-size);
  font-weight: var(--alert-title-font-weight);
  line-height: var(--leading-snug);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c6efbcb5]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c6efbcb5] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c6efbcb5]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c6efbcb5] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c6efbcb5]:root,
body.dark[data-v-c6efbcb5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c6efbcb5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c6efbcb5]:root,
body.dark[data-v-c6efbcb5] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c6efbcb5]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c6efbcb5]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c6efbcb5] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-alert__description[data-v-c6efbcb5] {
  margin-block-start: var(--alert-description-gap);
  color: var(--alert-description-fg);
  font-size: var(--alert-description-font-size);
  line-height: var(--leading-normal);
  /* No title above it, so it is the whole content and needs no gap. */
}
.ms-alert__description[data-v-c6efbcb5]:first-child {
  margin-block-start: 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-16e0c37d]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-16e0c37d] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-16e0c37d]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-16e0c37d] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-16e0c37d]:root,
body.dark[data-v-16e0c37d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-16e0c37d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-16e0c37d]:root,
body.dark[data-v-16e0c37d] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-16e0c37d]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-16e0c37d]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-16e0c37d] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-badge[data-v-16e0c37d] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: var(--badge-gap);
  block-size: var(--badge-height);
  padding-inline: var(--badge-padding-inline);
  border: var(--badge-border-width) solid transparent;
  border-radius: var(--badge-radius);
  font-family: var(--font-family-sans);
  font-size: var(--badge-font-size);
  font-weight: var(--badge-font-weight);
  letter-spacing: var(--tracking-normal);
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}
.ms-badge--xs[data-v-16e0c37d] {
  --badge-height: var(--badge-height-xs);
  --badge-padding-inline: var(--badge-padding-inline-xs);
  --badge-gap: var(--badge-gap-xs);
  --badge-font-size: var(--badge-font-size-xs);
  --badge-font-weight: var(--badge-font-weight-xs);
  --badge-dot-size: var(--badge-dot-size-xs);
}
.ms-badge__dot[data-v-16e0c37d] {
  flex-shrink: 0;
  inline-size: var(--badge-dot-size);
  block-size: var(--badge-dot-size);
  border-radius: var(--radius-pill);
  background: currentcolor;
}
.ms-badge__spinner[data-v-16e0c37d] {
  flex-shrink: 0;
  inline-size: var(--badge-spinner-size);
  block-size: var(--badge-spinner-size);
  border: var(--badge-spinner-width) solid currentcolor;
  border-inline-end-color: transparent;
  border-radius: var(--radius-pill);
  animation: ms-badge-spin-16e0c37d var(--badge-spinner-duration) var(--ease-linear) infinite;
}
.ms-badge[data-v-16e0c37d] {
  /* Pulled into the badge's own padding on the trailing side. */
}
.ms-badge__remove[data-v-16e0c37d] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  inline-size: var(--badge-remove-size);
  block-size: var(--badge-remove-size);
  margin-inline-end: calc(var(--badge-padding-inline) / -2);
  padding: 0;
  border: none;
  border-radius: var(--badge-remove-radius);
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: background-color var(--badge-transition-duration) var(--badge-transition-ease);
}
.ms-badge__remove[data-v-16e0c37d]:hover {
  background: var(--badge-remove-bg-hover);
}
.ms-badge__remove[data-v-16e0c37d]:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: 1px;
}
.ms-badge__remove[data-v-16e0c37d] svg {
  inline-size: 10px;
  block-size: 10px;
}
.ms-badge[data-v-16e0c37d] {
  /* ---- Variants ---- */
}
.ms-badge--soft[data-v-16e0c37d] {
  color: var(--badge-soft-fg);
  background: var(--badge-soft-bg);
}
.ms-badge--outline[data-v-16e0c37d] {
  color: var(--badge-fg);
  border-color: var(--badge-border);
}
.ms-badge--solid[data-v-16e0c37d] {
  color: var(--badge-solid-fg);
  background: var(--badge-solid-bg);
}
.ms-badge[data-v-16e0c37d] {
  /* ---- Tones ---- A tone draws nothing. */
}
.ms-badge--tone-base[data-v-16e0c37d] {
  --badge-solid-bg: var(--badge-base-solid-bg);
  --badge-solid-fg: var(--badge-base-solid-fg);
  --badge-soft-bg: var(--badge-base-soft-bg);
  --badge-soft-fg: var(--badge-base-soft-fg);
  --badge-border: var(--badge-base-border);
  --badge-fg: var(--badge-base-fg);
}
.ms-badge--tone-accent[data-v-16e0c37d] {
  --badge-solid-bg: var(--badge-accent-solid-bg);
  --badge-solid-fg: var(--badge-accent-solid-fg);
  --badge-soft-bg: var(--badge-accent-soft-bg);
  --badge-soft-fg: var(--badge-accent-soft-fg);
  --badge-border: var(--badge-accent-border);
  --badge-fg: var(--badge-accent-fg);
}
.ms-badge--tone-success[data-v-16e0c37d] {
  --badge-solid-bg: var(--badge-success-solid-bg);
  --badge-solid-fg: var(--badge-success-solid-fg);
  --badge-soft-bg: var(--badge-success-soft-bg);
  --badge-soft-fg: var(--badge-success-soft-fg);
  --badge-border: var(--badge-success-border);
  --badge-fg: var(--badge-success-fg);
}
.ms-badge--tone-warning[data-v-16e0c37d] {
  --badge-solid-bg: var(--badge-warning-solid-bg);
  --badge-solid-fg: var(--badge-warning-solid-fg);
  --badge-soft-bg: var(--badge-warning-soft-bg);
  --badge-soft-fg: var(--badge-warning-soft-fg);
  --badge-border: var(--badge-warning-border);
  --badge-fg: var(--badge-warning-fg);
}
.ms-badge--tone-danger[data-v-16e0c37d] {
  --badge-solid-bg: var(--badge-danger-solid-bg);
  --badge-solid-fg: var(--badge-danger-solid-fg);
  --badge-soft-bg: var(--badge-danger-soft-bg);
  --badge-soft-fg: var(--badge-danger-soft-fg);
  --badge-border: var(--badge-danger-border);
  --badge-fg: var(--badge-danger-fg);
}
.ms-badge--tone-info[data-v-16e0c37d] {
  --badge-solid-bg: var(--badge-info-solid-bg);
  --badge-solid-fg: var(--badge-info-solid-fg);
  --badge-soft-bg: var(--badge-info-soft-bg);
  --badge-soft-fg: var(--badge-info-soft-fg);
  --badge-border: var(--badge-info-border);
  --badge-fg: var(--badge-info-fg);
}
@keyframes ms-badge-spin-16e0c37d {
to {
    transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.ms-badge__spinner[data-v-16e0c37d] {
    animation: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-fddadaed]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-fddadaed] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-fddadaed]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-fddadaed] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-fddadaed]:root,
body.dark[data-v-fddadaed] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-fddadaed] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-fddadaed]:root,
body.dark[data-v-fddadaed] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-fddadaed]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-fddadaed]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-fddadaed] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dialog-trigger[data-v-fddadaed] {
  display: contents;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ad144778]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ad144778] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ad144778]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ad144778] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ad144778]:root,
body.dark[data-v-ad144778] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ad144778] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ad144778]:root,
body.dark[data-v-ad144778] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ad144778]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ad144778]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ad144778] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dialog[data-v-ad144778] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  max-inline-size: 100%;
  block-size: 100%;
  max-block-size: 100%;
  padding: var(--dialog-viewport-padding);
  border: none;
  background: transparent;
  overflow: hidden;
}
.ms-dialog[data-v-ad144778]:not([open]) {
  display: none;
}
.ms-dialog__panel[data-v-ad144778] {
  position: relative;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  max-inline-size: var(--dialog-width);
  max-block-size: 100%;
  overflow: hidden;
  border: 1px solid var(--dialog-border);
  border-radius: var(--dialog-radius);
  background: var(--dialog-bg);
  box-shadow: var(--dialog-shadow);
  color: var(--dialog-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  text-align: start;
}
.ms-dialog--sm[data-v-ad144778] {
  --dialog-width: var(--dialog-width-sm);
}
.ms-dialog--lg[data-v-ad144778] {
  --dialog-width: var(--dialog-width-lg);
}
.ms-dialog[data-v-ad144778] {
  /* The whole screen less a margin. */
}
.ms-dialog--fullscreen[data-v-ad144778] {
  --dialog-viewport-padding: var(--dialog-fullscreen-inset);
  --dialog-enter-scale: var(--dialog-fullscreen-enter-scale);
}
.ms-dialog--fullscreen .ms-dialog__panel[data-v-ad144778] {
  max-inline-size: none;
  block-size: 100%;
}
.ms-dialog__close[data-v-ad144778] {
  position: absolute;
  inset-block-start: var(--dialog-close-inset);
  inset-inline-end: var(--dialog-close-inset);
  z-index: 1;
}
.ms-dialog[data-v-ad144778] {
  /* The panel scales and fades; the backdrop only fades. */
}
.ms-dialog[data-v-ad144778]::backdrop {
  background: var(--dialog-backdrop);
  backdrop-filter: blur(var(--dialog-backdrop-blur));
  opacity: 0;
  transition: opacity var(--dialog-leave-duration) var(--ease-in);
}
.ms-dialog--shown[data-v-ad144778]::backdrop {
  opacity: 1;
  transition: opacity var(--dialog-enter-duration) var(--ease-out);
}
.ms-dialog .ms-dialog__panel[data-v-ad144778] {
  opacity: 0;
  scale: var(--dialog-enter-scale);
  transition: opacity var(--dialog-leave-duration) var(--ease-in), scale var(--dialog-leave-duration) var(--ease-in);
}
.ms-dialog--shown .ms-dialog__panel[data-v-ad144778] {
  opacity: 1;
  scale: none;
  transition: opacity var(--dialog-enter-duration) var(--ease-out), scale var(--dialog-enter-duration) var(--ease-out);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-951c57bf]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-951c57bf] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-951c57bf]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-951c57bf] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-951c57bf]:root,
body.dark[data-v-951c57bf] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-951c57bf] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-951c57bf]:root,
body.dark[data-v-951c57bf] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-951c57bf]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-951c57bf]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-951c57bf] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dialog__header[data-v-951c57bf] {
  display: flex;
  flex-direction: column;
  gap: var(--dialog-header-gap);
  flex-shrink: 0;
  padding: var(--dialog-header-padding);
  /* Keep clear of the close control, which floats over the corner. */
}
.ms-dialog--has-close .ms-dialog__panel > .ms-dialog__header[data-v-951c57bf]:first-child {
  padding-inline-end: var(--dialog-close-reserve);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-72852abe]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-72852abe] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-72852abe]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-72852abe] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-72852abe]:root,
body.dark[data-v-72852abe] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-72852abe] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-72852abe]:root,
body.dark[data-v-72852abe] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-72852abe]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-72852abe]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-72852abe] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/* No font-size. */
.ms-dialog__title[data-v-72852abe] {
  margin: 0;
  color: var(--dialog-title-fg);
  font-weight: var(--dialog-title-font-weight);
  line-height: var(--leading-snug);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-348ab798]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-348ab798] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-348ab798]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-348ab798] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-348ab798]:root,
body.dark[data-v-348ab798] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-348ab798] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-348ab798]:root,
body.dark[data-v-348ab798] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-348ab798]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-348ab798]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-348ab798] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dialog__description[data-v-348ab798] {
  margin: 0;
  color: var(--dialog-description-fg);
  font-size: var(--dialog-description-font-size);
  line-height: var(--leading-normal);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-87e5c984]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-87e5c984] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-87e5c984]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-87e5c984] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-87e5c984]:root,
body.dark[data-v-87e5c984] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-87e5c984] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-87e5c984]:root,
body.dark[data-v-87e5c984] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-87e5c984]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-87e5c984]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-87e5c984] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dialog__body[data-v-87e5c984] {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
  padding: var(--dialog-body-padding);
  color: var(--dialog-fg);
  font-size: var(--dialog-body-font-size);
}
.ms-dialog__body[data-v-87e5c984]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-dialog__body[data-v-87e5c984]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-dialog__body[data-v-87e5c984]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-dialog__body[data-v-87e5c984]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-dialog__body[data-v-87e5c984]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-dialog__body[data-v-87e5c984] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-dialog__body[data-v-87e5c984]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-dialog__body[data-v-87e5c984] {
  /* With no header above it, this element is a different case twice over. */
}
.ms-dialog__panel > .ms-dialog__body[data-v-87e5c984]:first-child {
  padding-block-start: var(--dialog-padding-block-start);
}
.ms-dialog__body[data-v-87e5c984] {
  /* And it goes under the close control rather than beside it. */
}
.ms-dialog--has-close .ms-dialog__panel > .ms-dialog__body[data-v-87e5c984]:first-child {
  padding-block-start: var(--dialog-close-reserve);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-317ca8ca]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-317ca8ca] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-317ca8ca]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-317ca8ca] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-317ca8ca]:root,
body.dark[data-v-317ca8ca] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-317ca8ca] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-317ca8ca]:root,
body.dark[data-v-317ca8ca] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-317ca8ca]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-317ca8ca]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-317ca8ca] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dialog__footer[data-v-317ca8ca] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--dialog-footer-gap);
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: var(--dialog-footer-padding);
  border-block-start: 1px solid var(--dialog-footer-border);
  background: var(--dialog-footer-bg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-f9b9b851]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-f9b9b851] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-f9b9b851]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-f9b9b851] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-f9b9b851]:root,
body.dark[data-v-f9b9b851] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-f9b9b851] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-f9b9b851]:root,
body.dark[data-v-f9b9b851] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-f9b9b851]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-f9b9b851]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-f9b9b851] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dialog-close[data-v-f9b9b851] {
  display: contents;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a0baf293]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a0baf293] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a0baf293]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a0baf293] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a0baf293]:root,
body.dark[data-v-a0baf293] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a0baf293] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a0baf293]:root,
body.dark[data-v-a0baf293] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a0baf293]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a0baf293]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a0baf293] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-confirm__details[data-v-a0baf293] {
  display: grid;
  gap: var(--sp-10);
  margin: 0;
  padding: var(--sp-12) var(--dialog-padding-inline);
  border-block: 1px solid var(--border-subtle);
  background: var(--surface-sunken);
  list-style: none;
}
.ms-confirm__group-label[data-v-a0baf293] {
  margin: 0 0 var(--sp-2);
  color: var(--fg-muted);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}
.ms-confirm__group-items[data-v-a0baf293] {
  margin: 0;
  color: var(--fg-primary);
  font-size: var(--font-size-13);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* Quieter than the names it follows, because it is arithmetic rather than a name. */
.ms-confirm__group-rest[data-v-a0baf293] {
  color: var(--fg-muted);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c19e9b9f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c19e9b9f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c19e9b9f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c19e9b9f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c19e9b9f]:root,
body.dark[data-v-c19e9b9f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c19e9b9f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c19e9b9f]:root,
body.dark[data-v-c19e9b9f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c19e9b9f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c19e9b9f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c19e9b9f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-context-menu[data-v-c19e9b9f] {
  display: contents;
}
.ms-context-menu__anchor[data-v-c19e9b9f] {
  position: fixed;
  inline-size: 0;
  block-size: 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-f442c610]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-f442c610] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-f442c610]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-f442c610] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-f442c610]:root,
body.dark[data-v-f442c610] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-f442c610] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-f442c610]:root,
body.dark[data-v-f442c610] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-f442c610]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-f442c610]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-f442c610] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-dropdown-menu-trigger[data-v-f442c610] {
  display: contents;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d30f3a77]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d30f3a77] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d30f3a77]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d30f3a77] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d30f3a77]:root,
body.dark[data-v-d30f3a77] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d30f3a77] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d30f3a77]:root,
body.dark[data-v-d30f3a77] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d30f3a77]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d30f3a77]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d30f3a77] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-menu[data-v-d30f3a77] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-dropdown);
  min-width: var(--menu-min-width);
  max-height: var(--menu-max-height);
  overflow-y: auto;
}
.ms-menu[data-v-d30f3a77]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-menu[data-v-d30f3a77]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-menu[data-v-d30f3a77]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-menu[data-v-d30f3a77]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-menu[data-v-d30f3a77]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-menu[data-v-d30f3a77] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-menu[data-v-d30f3a77]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-menu[data-v-d30f3a77] {
  padding: var(--menu-padding);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  background: var(--menu-bg);
  border: 1px solid var(--menu-border);
  border-radius: var(--menu-radius);
  box-shadow: var(--menu-shadow);
}
.ms-menu[data-v-d30f3a77]:focus {
  outline: none;
}
.ms-menu[data-v-d30f3a77] .ms-menu__item {
  display: flex;
  align-items: center;
  gap: var(--sp-8);
  padding: var(--sp-6) var(--sp-8);
  color: var(--menu-item-fg);
  font-size: var(--font-size-14);
  border-radius: var(--menu-item-radius);
  cursor: pointer;
  user-select: none;
}
.ms-menu[data-v-d30f3a77] .ms-menu__item:hover,
.ms-menu[data-v-d30f3a77] .ms-menu__item:focus,
.ms-menu[data-v-d30f3a77] .ms-menu__item:focus-visible {
  outline: none;
  background: var(--menu-item-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-menu[data-v-d30f3a77] .ms-menu__item[aria-disabled='true'] {
  color: var(--menu-item-fg-disabled);
  cursor: not-allowed;
}
.ms-menu[data-v-d30f3a77] .ms-menu__item[aria-disabled='true']:hover,
.ms-menu[data-v-d30f3a77] .ms-menu__item[aria-disabled='true']:focus {
  background: transparent;
}
.ms-menu[data-v-d30f3a77] .ms-menu__shortcut {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--sp-2);
  margin-inline-start: auto;
  padding-inline-start: var(--menu-shortcut-gap);
  color: var(--menu-shortcut-fg);
}
.ms-menu[data-v-d30f3a77] .ms-menu__item--destructive {
  color: var(--menu-item-fg-danger);
}
.ms-menu[data-v-d30f3a77] .ms-menu__item--destructive:hover,
.ms-menu[data-v-d30f3a77] .ms-menu__item--destructive:focus {
  background: var(--menu-item-bg-danger-hover);
}
.ms-menu[data-v-d30f3a77] .ms-menu__item > svg,
.ms-menu[data-v-d30f3a77] .ms-menu__item > img {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.ms-menu[data-v-d30f3a77] .ms-menu__item > img {
  object-fit: contain;
}
.ms-menu[data-v-d30f3a77] .ms-menu__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-12);
  padding: var(--sp-6) var(--sp-8);
  color: var(--menu-label-fg);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
}
.ms-menu[data-v-d30f3a77] .ms-menu__footer {
  display: flex;
  flex-direction: column;
  inline-size: 0;
  min-inline-size: 100%;
  padding: var(--menu-footer-padding);
  color: var(--menu-footer-fg);
  font-size: var(--menu-footer-font-size);
}
.ms-menu[data-v-d30f3a77] .ms-menu__footer-line {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-menu[data-v-d30f3a77] .ms-menu__label-action {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--menu-label-action-fg);
  font: inherit;
  cursor: pointer;
}
.ms-menu[data-v-d30f3a77] .ms-menu__label-action:hover:not(:disabled) {
  color: var(--menu-label-action-fg-hover);
  text-decoration: underline;
}
.ms-menu[data-v-d30f3a77] .ms-menu__label-action:disabled {
  color: var(--menu-label-fg);
  opacity: var(--menu-label-action-disabled-opacity);
  cursor: not-allowed;
}
.ms-menu[data-v-d30f3a77] .ms-menu__label-action:focus-visible {
  outline: 2px solid var(--menu-label-action-fg-hover);
  outline-offset: 2px;
  border-radius: var(--radius-xs);
}
.ms-menu[data-v-d30f3a77] .ms-menu__separator {
  height: 1px;
  /* Negative inline margin so the rule spans the panel's padding. */
  margin: var(--sp-4) calc(var(--menu-padding) * -1);
  background: var(--menu-separator);
}
.ms-menu[data-v-d30f3a77] .ms-menu__shortcut {
  margin-inline-start: auto;
  padding-inline-start: var(--sp-12);
  color: var(--menu-shortcut-fg);
  font-size: var(--font-size-12);
  letter-spacing: var(--tracking-wide);
}
.ms-menu[data-v-d30f3a77] .ms-menu__indicator {
  margin-inline-start: auto;
  color: var(--menu-indicator-fg);
}
.ms-menu[data-v-d30f3a77] .ms-menu__chevron {
  margin-inline-start: auto;
  color: var(--menu-indicator-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-df3f1e2f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-df3f1e2f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-df3f1e2f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-df3f1e2f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-df3f1e2f]:root,
body.dark[data-v-df3f1e2f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-df3f1e2f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-df3f1e2f]:root,
body.dark[data-v-df3f1e2f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-df3f1e2f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-df3f1e2f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-df3f1e2f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-menu[data-v-df3f1e2f] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-dropdown);
  min-width: var(--menu-min-width);
  max-height: var(--menu-max-height);
  overflow-y: auto;
}
.ms-menu[data-v-df3f1e2f]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-menu[data-v-df3f1e2f]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-menu[data-v-df3f1e2f]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-menu[data-v-df3f1e2f]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-menu[data-v-df3f1e2f]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-menu[data-v-df3f1e2f] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-menu[data-v-df3f1e2f]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-menu[data-v-df3f1e2f] {
  padding: var(--menu-padding);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  background: var(--menu-bg);
  border: 1px solid var(--menu-border);
  border-radius: var(--menu-radius);
  box-shadow: var(--menu-shadow);
}
.ms-menu[data-v-df3f1e2f]:focus {
  outline: none;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__item {
  display: flex;
  align-items: center;
  gap: var(--sp-8);
  padding: var(--sp-6) var(--sp-8);
  color: var(--menu-item-fg);
  font-size: var(--font-size-14);
  border-radius: var(--menu-item-radius);
  cursor: pointer;
  user-select: none;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__item:hover,
.ms-menu[data-v-df3f1e2f] .ms-menu__item:focus,
.ms-menu[data-v-df3f1e2f] .ms-menu__item:focus-visible {
  outline: none;
  background: var(--menu-item-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__item[aria-disabled='true'] {
  color: var(--menu-item-fg-disabled);
  cursor: not-allowed;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__item[aria-disabled='true']:hover,
.ms-menu[data-v-df3f1e2f] .ms-menu__item[aria-disabled='true']:focus {
  background: transparent;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__shortcut {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--sp-2);
  margin-inline-start: auto;
  padding-inline-start: var(--menu-shortcut-gap);
  color: var(--menu-shortcut-fg);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__item--destructive {
  color: var(--menu-item-fg-danger);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__item--destructive:hover,
.ms-menu[data-v-df3f1e2f] .ms-menu__item--destructive:focus {
  background: var(--menu-item-bg-danger-hover);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__item > svg,
.ms-menu[data-v-df3f1e2f] .ms-menu__item > img {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__item > img {
  object-fit: contain;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-12);
  padding: var(--sp-6) var(--sp-8);
  color: var(--menu-label-fg);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__footer {
  display: flex;
  flex-direction: column;
  inline-size: 0;
  min-inline-size: 100%;
  padding: var(--menu-footer-padding);
  color: var(--menu-footer-fg);
  font-size: var(--menu-footer-font-size);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__footer-line {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__label-action {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--menu-label-action-fg);
  font: inherit;
  cursor: pointer;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__label-action:hover:not(:disabled) {
  color: var(--menu-label-action-fg-hover);
  text-decoration: underline;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__label-action:disabled {
  color: var(--menu-label-fg);
  opacity: var(--menu-label-action-disabled-opacity);
  cursor: not-allowed;
}
.ms-menu[data-v-df3f1e2f] .ms-menu__label-action:focus-visible {
  outline: 2px solid var(--menu-label-action-fg-hover);
  outline-offset: 2px;
  border-radius: var(--radius-xs);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__separator {
  height: 1px;
  /* Negative inline margin so the rule spans the panel's padding. */
  margin: var(--sp-4) calc(var(--menu-padding) * -1);
  background: var(--menu-separator);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__shortcut {
  margin-inline-start: auto;
  padding-inline-start: var(--sp-12);
  color: var(--menu-shortcut-fg);
  font-size: var(--font-size-12);
  letter-spacing: var(--tracking-wide);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__indicator {
  margin-inline-start: auto;
  color: var(--menu-indicator-fg);
}
.ms-menu[data-v-df3f1e2f] .ms-menu__chevron {
  margin-inline-start: auto;
  color: var(--menu-indicator-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-1ec6c470]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-1ec6c470] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-1ec6c470]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-1ec6c470] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-1ec6c470]:root,
body.dark[data-v-1ec6c470] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-1ec6c470] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-1ec6c470]:root,
body.dark[data-v-1ec6c470] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-1ec6c470]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-1ec6c470]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-1ec6c470] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-menu__swatches[data-v-1ec6c470] {
  display: grid;
  grid-template-columns: repeat(7, auto);
  gap: var(--swatch-grid-gap);
  padding: var(--sp-8) var(--sp-10);
}
.ms-menu__swatch[data-v-1ec6c470] {
  display: inline-flex;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  /* Both rings go on the mark, not on the button. */
}
.ms-menu__swatch[data-v-1ec6c470] .ms-swatch {
  transition: box-shadow var(--swatch-transition-duration) var(--swatch-transition-ease);
}
.ms-menu__swatch[data-v-1ec6c470]:hover .ms-swatch {
  box-shadow: 0 0 0 var(--swatch-ring-width) color-mix(in oklab, var(--swatch-color) var(--swatch-ring-alpha-hover), transparent);
}
.ms-menu__swatch[data-v-1ec6c470]:focus-visible {
  outline: none;
}
.ms-menu__swatch[data-v-1ec6c470]:focus-visible .ms-swatch {
  box-shadow: var(--focus-ring);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a6c5acc6]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a6c5acc6] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a6c5acc6]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a6c5acc6] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a6c5acc6]:root,
body.dark[data-v-a6c5acc6] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a6c5acc6] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a6c5acc6]:root,
body.dark[data-v-a6c5acc6] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a6c5acc6]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a6c5acc6]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a6c5acc6] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-questionnaire[data-v-a6c5acc6] {
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  min-inline-size: 0;
  border-radius: var(--questionnaire-radius);
  border: 1px solid var(--questionnaire-border);
  background: var(--questionnaire-bg);
  box-shadow: var(--questionnaire-shadow);
  font-family: var(--font-family-sans);
}
.ms-questionnaire[data-v-a6c5acc6]:focus {
  outline: none;
}
.ms-questionnaire[data-v-a6c5acc6] {
  /* ---- how far along ---- */
}
.ms-questionnaire__head[data-v-a6c5acc6] {
  display: flex;
  gap: var(--questionnaire-gap);
  align-items: center;
  padding: var(--questionnaire-gap) var(--questionnaire-padding-inline);
}
.ms-questionnaire__run[data-v-a6c5acc6] {
  display: flex;
  flex: 0 1 auto;
  margin-inline-start: auto;
  gap: var(--sp-2);
  align-items: center;
  min-inline-size: 0;
}
.ms-questionnaire__steps[data-v-a6c5acc6] {
  display: flex;
  gap: var(--sp-4);
  padding: 0 var(--questionnaire-padding-inline) var(--questionnaire-gap);
}
.ms-questionnaire__step[data-v-a6c5acc6] {
  flex: 1 1 0;
  block-size: var(--questionnaire-track-size);
  /* Barely rounded: a pill at this size is a bead, and beads read as a carousel. */
  border-radius: 2px;
  background: var(--questionnaire-track);
  transition: background-color var(--duration-200) var(--ease-out);
}
.ms-questionnaire__step--done[data-v-a6c5acc6] {
  background: var(--questionnaire-fill);
}
.ms-questionnaire__count[data-v-a6c5acc6] {
  color: var(--questionnaire-count-fg);
  font-size: var(--font-size-12);
  /* So the line does not shift by a pixel each time the number changes width. */
  font-variant-numeric: tabular-nums;
}
.ms-questionnaire[data-v-a6c5acc6] {
  /* ---- the question ---- */
}
.ms-questionnaire__ask[data-v-a6c5acc6] {
  padding: 0 var(--questionnaire-padding-inline) var(--questionnaire-gap);
}
.ms-questionnaire__title[data-v-a6c5acc6] {
  margin: 0;
  color: var(--fg-primary);
  font-size: var(--questionnaire-title-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-snug);
  text-wrap: balance;
}
.ms-questionnaire__label[data-v-a6c5acc6], .ms-questionnaire__mode[data-v-a6c5acc6] {
  flex: 0 0 auto;
  padding-inline: var(--sp-8);
  border-radius: var(--radius-xs);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: 1.7;
  white-space: nowrap;
}
.ms-questionnaire[data-v-a6c5acc6] {
  /* The model's own colour, behind the model's own mark — see the prop. */
}
.ms-questionnaire__label[data-v-a6c5acc6] {
  display: inline-flex;
  gap: var(--sp-4);
  align-items: center;
  background: var(--questionnaire-label-bg);
  color: var(--questionnaire-label-fg);
}
.ms-questionnaire__label-mark[data-v-a6c5acc6] {
  flex: 0 0 auto;
  inline-size: 1em;
  block-size: 1em;
}
.ms-questionnaire[data-v-a6c5acc6] {
  /* Neutral: a setting, not a speaker. */
}
.ms-questionnaire__mode[data-v-a6c5acc6] {
  background: var(--questionnaire-mode-bg);
  color: var(--questionnaire-mode-fg);
}
.ms-questionnaire__close[data-v-a6c5acc6] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  color: var(--fg-faint);
  cursor: pointer;
}
.ms-questionnaire__close svg[data-v-a6c5acc6] {
  inline-size: 14px;
  block-size: 14px;
}
.ms-questionnaire__close[data-v-a6c5acc6]:hover {
  color: var(--fg-primary);
}
.ms-questionnaire[data-v-a6c5acc6] {
  /* ---- the answers ---- */
}
.ms-questionnaire__list[data-v-a6c5acc6] {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0;
  padding: 0 var(--questionnaire-list-inset) var(--questionnaire-list-inset);
  list-style: none;
}
.ms-questionnaire__row[data-v-a6c5acc6] {
  position: relative;
  display: flex;
  flex: 1 1 100%;
  gap: var(--sp-10);
  align-items: center;
  min-block-size: var(--questionnaire-row-size);
  padding-inline: calc(var(--questionnaire-padding-inline) - var(--questionnaire-list-inset));
  border-radius: var(--questionnaire-row-radius);
  color: var(--fg-primary);
  font-size: var(--questionnaire-row-font-size);
  cursor: pointer;
}
.ms-questionnaire__row--active[data-v-a6c5acc6] {
  background: var(--questionnaire-row-bg-active);
}
.ms-questionnaire__row--picked[data-v-a6c5acc6] {
  color: var(--questionnaire-row-fg-picked);
}
.ms-questionnaire__enter[data-v-a6c5acc6] {
  flex: 0 0 auto;
  opacity: 0;
  transition: opacity var(--duration-150) var(--ease-out);
}
.ms-questionnaire__row--active .ms-questionnaire__enter[data-v-a6c5acc6] {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.ms-questionnaire__enter[data-v-a6c5acc6] {
    transition: none;
}
}
.ms-questionnaire[data-v-a6c5acc6] {
  /* The key that answers the row, drawn as the key it is. */
}
.ms-questionnaire__key[data-v-a6c5acc6] {
  flex: 0 0 auto;
  inline-size: var(--sp-18);
  color: var(--fg-faint);
  font-size: var(--font-size-11);
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.ms-questionnaire__row--active .ms-questionnaire__key[data-v-a6c5acc6] {
  color: var(--fg-secondary);
}
.ms-questionnaire__body[data-v-a6c5acc6] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-inline-size: 0;
}
.ms-questionnaire__label-text[data-v-a6c5acc6] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ms-questionnaire__description[data-v-a6c5acc6] {
  color: var(--fg-muted);
  font-size: var(--font-size-12);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ms-questionnaire__box[data-v-a6c5acc6] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--sp-16);
}
.ms-questionnaire__mark[data-v-a6c5acc6] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--sp-18);
  color: var(--questionnaire-mark-fg);
}
.ms-questionnaire__mark svg[data-v-a6c5acc6] {
  inline-size: 15px;
  block-size: 15px;
}
.ms-questionnaire__row--custom[data-v-a6c5acc6] {
  cursor: text;
}
.ms-questionnaire__row--skip[data-v-a6c5acc6], .ms-questionnaire__row--go[data-v-a6c5acc6] {
  /* Half each: no basis, so the two of them divide whatever line they end up on. */
  flex: 1 1 0;
  min-inline-size: 0;
  justify-content: center;
  margin-block-start: var(--sp-6);
}
.ms-questionnaire__row--skip[data-v-a6c5acc6] {
  color: var(--fg-muted);
}
.ms-questionnaire__row--go[data-v-a6c5acc6] {
  color: var(--questionnaire-go-fg);
  font-weight: var(--font-weight-medium);
}
.ms-questionnaire__row--skip .ms-questionnaire__body[data-v-a6c5acc6], .ms-questionnaire__row--go .ms-questionnaire__body[data-v-a6c5acc6] {
  flex: 0 1 auto;
}
.ms-questionnaire__row--skip .ms-questionnaire__body[data-v-a6c5acc6], .ms-questionnaire__row--go .ms-questionnaire__body[data-v-a6c5acc6] {
  flex-direction: row;
  gap: var(--sp-8);
  align-items: center;
}
.ms-questionnaire__act-keys[data-v-a6c5acc6] {
  display: inline-flex;
  flex: 0 0 auto;
  gap: var(--sp-2);
  align-items: center;
  color: var(--questionnaire-count-fg);
  font-weight: var(--font-weight-regular);
}
.ms-questionnaire__field[data-v-a6c5acc6] {
  flex: 1 1 auto;
  min-inline-size: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
}
.ms-questionnaire__field[data-v-a6c5acc6]:focus {
  outline: none;
}
.ms-questionnaire__field[data-v-a6c5acc6]::placeholder {
  color: var(--fg-faint);
}
.ms-questionnaire[data-v-a6c5acc6] {
  /* ---- the keys, said once at the foot ---- */
}
.ms-questionnaire__keys[data-v-a6c5acc6] {
  display: flex;
  gap: var(--sp-12);
  align-items: center;
  padding: var(--sp-8) var(--questionnaire-padding-inline);
  border-block-start: 1px solid var(--questionnaire-border);
  color: var(--fg-faint);
  font-size: var(--font-size-12);
}
.ms-questionnaire__keys-group[data-v-a6c5acc6] {
  display: inline-flex;
  gap: var(--sp-4);
  align-items: center;
}
.ms-questionnaire__keys-group--end[data-v-a6c5acc6] {
  margin-inline-start: auto;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-b2eeee28]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-b2eeee28] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-b2eeee28]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-b2eeee28] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-b2eeee28]:root,
body.dark[data-v-b2eeee28] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-b2eeee28] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-b2eeee28]:root,
body.dark[data-v-b2eeee28] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-b2eeee28]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-b2eeee28]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-b2eeee28] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-pick-tile[data-v-b2eeee28] {
  display: flex;
  flex-direction: column;
  gap: var(--pick-tile-gap);
  padding: var(--pick-tile-padding);
  border: none;
  border-radius: var(--pick-tile-radius);
  background: transparent;
  color: var(--pick-tile-fg);
  font-family: inherit;
  text-align: start;
  cursor: pointer;
}
.ms-pick-tile[data-v-b2eeee28]:hover:not(.ms-pick-tile--disabled) {
  background: var(--pick-tile-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-pick-tile[data-v-b2eeee28]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-pick-tile--disabled[data-v-b2eeee28] {
  opacity: var(--pick-tile-disabled-opacity);
  cursor: not-allowed;
}
.ms-pick-tile__art[data-v-b2eeee28] {
  position: relative;
  display: block;
  inline-size: 100%;
  aspect-ratio: var(--pick-tile-ratio);
  padding: var(--pick-tile-art-padding);
  border-radius: var(--pick-tile-radius);
  background-color: var(--pick-tile-art-bg);
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: inset 0 0 0 1px var(--pick-tile-art-border);
  transition: box-shadow var(--duration-150) var(--ease-out);
}
.ms-pick-tile--picked .ms-pick-tile__art[data-v-b2eeee28] {
  box-shadow: inset 0 0 0 var(--pick-tile-ring-width) var(--pick-tile-ring);
}
.ms-pick-tile__mark[data-v-b2eeee28] {
  position: absolute;
  inset-block-start: var(--pick-tile-mark-inset);
  inset-inline-start: var(--pick-tile-mark-inset);
  display: inline-flex;
  pointer-events: none;
}
.ms-pick-tile__label[data-v-b2eeee28] {
  display: block;
  overflow: hidden;
  color: var(--pick-tile-fg);
  font-size: var(--pick-tile-font-size);
  text-overflow: ellipsis;
  white-space: nowrap;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e7ad7b85]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e7ad7b85] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e7ad7b85]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e7ad7b85] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e7ad7b85]:root,
body.dark[data-v-e7ad7b85] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e7ad7b85] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e7ad7b85]:root,
body.dark[data-v-e7ad7b85] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e7ad7b85]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e7ad7b85]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e7ad7b85] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-sidebar-nav__group + .ms-sidebar-nav__group[data-v-e7ad7b85] {
  margin-block-start: var(--sidebar-nav-group-gap);
}
.ms-sidebar-nav__heading[data-v-e7ad7b85] {
  margin: 0 0 var(--sidebar-nav-heading-gap);
  padding-inline: var(--sidebar-nav-item-padding-inline);
  color: var(--sidebar-nav-heading-fg);
  font-size: var(--sidebar-nav-heading-font-size);
  font-weight: var(--sidebar-nav-heading-font-weight);
  letter-spacing: var(--sidebar-nav-heading-tracking);
  text-transform: var(--sidebar-nav-heading-transform);
}
.ms-sidebar-nav__list[data-v-e7ad7b85] {
  display: flex;
  flex-direction: column;
  gap: var(--sidebar-nav-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-8fd4cd96]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-8fd4cd96] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-8fd4cd96]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-8fd4cd96] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-8fd4cd96]:root,
body.dark[data-v-8fd4cd96] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-8fd4cd96] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-8fd4cd96]:root,
body.dark[data-v-8fd4cd96] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-8fd4cd96]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-8fd4cd96]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-8fd4cd96] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-sidebar-nav__row[data-v-8fd4cd96] {
  list-style: none;
}
.ms-sidebar-nav__item[data-v-8fd4cd96] {
  display: flex;
  align-items: center;
  gap: var(--sidebar-nav-item-gap);
  inline-size: 100%;
  min-block-size: var(--sidebar-nav-item-height);
  padding: var(--sidebar-nav-item-padding-block) var(--sidebar-nav-item-padding-inline);
  border: 1px solid transparent;
  border-radius: var(--sidebar-nav-item-radius);
  background: transparent;
  color: var(--sidebar-nav-item-fg);
  font: inherit;
  font-size: var(--sidebar-nav-item-font-size);
  font-weight: var(--sidebar-nav-item-font-weight);
  text-align: start;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--duration-150) var(--ease-out), color var(--duration-150) var(--ease-out);
}
.ms-sidebar-nav__item[data-v-8fd4cd96]:hover:not(.ms-sidebar-nav__item--active):not(.ms-sidebar-nav__item--disabled) {
  background: var(--sidebar-nav-item-bg-hover);
  box-shadow: var(--ring-state);
  color: var(--sidebar-nav-item-fg-hover);
}
.ms-sidebar-nav__item[data-v-8fd4cd96]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-sidebar-nav__item--active[data-v-8fd4cd96] {
  border-color: var(--sidebar-nav-item-border-active);
  background: var(--sidebar-nav-item-bg-active);
  color: var(--sidebar-nav-item-fg-active);
  font-weight: var(--sidebar-nav-item-font-weight-active);
}
.ms-sidebar-nav__item--disabled[data-v-8fd4cd96] {
  color: var(--sidebar-nav-item-fg-disabled);
  cursor: not-allowed;
}
.ms-sidebar-nav__icon[data-v-8fd4cd96] {
  display: inline-flex;
  flex: 0 0 auto;
}
.ms-sidebar-nav__icon[data-v-8fd4cd96] svg {
  inline-size: var(--sidebar-nav-icon-size);
  block-size: var(--sidebar-nav-icon-size);
}

/* The label takes the room and the badge keeps its own. */
.ms-sidebar-nav__label[data-v-8fd4cd96] {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ms-sidebar-nav__badge[data-v-8fd4cd96] {
  flex: 0 0 auto;
  color: var(--sidebar-nav-badge-fg);
  font-size: var(--sidebar-nav-badge-font-size);
  font-variant-numeric: tabular-nums;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-23bb28c3]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-23bb28c3] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-23bb28c3]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-23bb28c3] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-23bb28c3]:root,
body.dark[data-v-23bb28c3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-23bb28c3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-23bb28c3]:root,
body.dark[data-v-23bb28c3] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-23bb28c3]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-23bb28c3]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-23bb28c3] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-sidebar-nav[data-v-23bb28c3] {
  display: flex;
  flex-direction: column;
  inline-size: var(--sidebar-nav-width);
  min-block-size: 0;
  padding: var(--sidebar-nav-padding-block) var(--sidebar-nav-padding-inline);
  font-family: var(--font-family-sans);
}
.ms-sidebar-nav--panel[data-v-23bb28c3] {
  background: var(--sidebar-nav-panel-bg);
  border-inline-end: 1px solid var(--sidebar-nav-panel-border);
}
.ms-sidebar-nav__body[data-v-23bb28c3] {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
}
.ms-sidebar-nav__header[data-v-23bb28c3] {
  flex: 0 0 auto;
  margin-block-end: var(--sidebar-nav-header-gap);
}
.ms-sidebar-nav__footer[data-v-23bb28c3] {
  flex: 0 0 auto;
  margin-block-start: var(--sidebar-nav-footer-gap);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-2f227c50]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-2f227c50] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-2f227c50]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-2f227c50] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-2f227c50]:root,
body.dark[data-v-2f227c50] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-2f227c50] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-2f227c50]:root,
body.dark[data-v-2f227c50] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-2f227c50]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-2f227c50]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-2f227c50] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tree[data-v-2f227c50] {
  display: flex;
  flex-direction: column;
  gap: var(--tree-row-gap);
  min-inline-size: 0;
  font-family: var(--font-family-sans);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-af37eee7]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-af37eee7] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-af37eee7]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-af37eee7] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-af37eee7]:root,
body.dark[data-v-af37eee7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-af37eee7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-af37eee7]:root,
body.dark[data-v-af37eee7] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-af37eee7]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-af37eee7]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-af37eee7] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tree__item[data-v-af37eee7] {
  display: flex;
  align-items: center;
  gap: var(--tree-item-gap);
  min-inline-size: 0;
  /* Fixed, not a minimum. */
  block-size: var(--tree-item-height);
  /* The indent is padding, not a margin or a wrapper. */
  padding-inline: calc(var(--tree-item-padding-inline) + var(--tree-indent) * var(--tree-depth)) var(--tree-item-padding-inline);
  border-radius: var(--tree-item-radius);
  color: var(--tree-item-fg);
  font-size: var(--tree-item-font-size);
  font-weight: var(--tree-item-font-weight);
  text-align: start;
  cursor: pointer;
  --btn-height-xs: var(--tree-twisty-size);
  --btn-icon-size: var(--tree-chevron-size);
  --btn-ghost-bg-hover: var(--tree-twisty-bg-hover);
  --btn-radius: var(--tree-control-radius);
  --checkbox-size: var(--tree-chevron-size);
  transition: background-color var(--duration-150) var(--ease-out), color var(--duration-150) var(--ease-out);
}
.ms-tree__item[data-v-af37eee7]:hover {
  background: var(--tree-item-bg-hover);
  box-shadow: var(--ring-state);
  color: var(--tree-item-fg-hover);
}
.ms-tree__item[data-v-af37eee7]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-tree__item[data-v-af37eee7] {
  /* The module line: the one row in a branch that names the whole branch. */
}
.ms-tree__item--root[data-v-af37eee7] {
  font-weight: var(--tree-item-font-weight-root);
}
.ms-tree__item[data-v-af37eee7] {
  /* Filled rather than outlined. */
}
.ms-tree__item--active[data-v-af37eee7], .ms-tree__item--active[data-v-af37eee7]:hover {
  background: var(--tree-item-bg-active);
  box-shadow: var(--ring-state), var(--tree-item-shadow-active);
  color: var(--tree-item-fg-active);
  font-weight: var(--tree-item-font-weight-active);
}
.ms-tree__item--muted[data-v-af37eee7], .ms-tree__item--muted[data-v-af37eee7]:hover {
  color: var(--tree-item-fg-muted);
}
.ms-tree__item--muted .ms-tree__leading[data-v-af37eee7], .ms-tree__item--muted:hover .ms-tree__leading[data-v-af37eee7] {
  opacity: var(--tree-leading-opacity-muted);
}
.ms-tree__twisty[data-v-af37eee7] {
  --btn-ghost-fg: var(--tree-twisty-fg);
  flex: 0 0 auto;
}
.ms-tree__twisty[data-v-af37eee7]:hover {
  --btn-ghost-fg: var(--tree-twisty-fg-hover);
}

/* The swap: one column doing two jobs. */
.ms-tree__item--swap:not(:hover):not(:focus-within) .ms-tree__twisty[data-v-af37eee7] {
  display: none;
}
.ms-tree__item--swap:hover .ms-tree__leading[data-v-af37eee7], .ms-tree__item--swap:focus-within .ms-tree__leading[data-v-af37eee7] {
  display: none;
}
.ms-tree__twisty--leaf[data-v-af37eee7] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--tree-twisty-size);
  block-size: var(--tree-twisty-size);
  color: var(--tree-twisty-fg-leaf);
}
.ms-tree__chevron[data-v-af37eee7] {
  inline-size: var(--tree-chevron-size);
  block-size: var(--tree-chevron-size);
  transition: transform var(--duration-150) var(--ease-out);
  /* Logical, so the shut state points into the text in either direction. */
}
.ms-tree__chevron--open[data-v-af37eee7] {
  transform: rotate(90deg);
}
[dir=rtl] .ms-tree__chevron[data-v-af37eee7] {
  transform: rotate(180deg);
}
[dir=rtl] .ms-tree__chevron--open[data-v-af37eee7] {
  transform: rotate(90deg);
}

/* The mark's box, not the mark. */
.ms-tree__leading[data-v-af37eee7] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--tree-mark-size);
  block-size: var(--tree-mark-size);
  color: var(--tree-leading-fg);
  --swatch-trigger-padding: 0;
}
.ms-tree__leading[data-v-af37eee7] svg {
  inline-size: var(--tree-icon-size);
  block-size: var(--tree-icon-size);
}
.ms-tree__box[data-v-af37eee7] {
  order: -1;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--tree-mark-size);
}
.ms-tree__item[data-v-af37eee7] .ms-checkbox {
  flex: 0 0 auto;
}
.ms-tree__label[data-v-af37eee7] {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The name and its second line. */
.ms-tree__stack[data-v-af37eee7] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-inline-size: 0;
}
.ms-tree__sub[data-v-af37eee7] {
  overflow: hidden;
  color: var(--tree-item-fg-meta);
  font-size: var(--tree-sub-font-size);
  line-height: var(--tree-sub-line-height);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* A two-line row, and the only row in the tree free to grow. */
.ms-tree__item--stacked[data-v-af37eee7] {
  align-items: flex-start;
  block-size: auto;
  padding-block: var(--tree-stack-padding-block);
}
.ms-tree__item--stacked .ms-tree__twisty[data-v-af37eee7],
.ms-tree__item--stacked .ms-tree__leading[data-v-af37eee7],
.ms-tree__item--stacked .ms-tree__box[data-v-af37eee7],
.ms-tree__item--stacked .ms-tree__meta[data-v-af37eee7],
.ms-tree__item--stacked .ms-tree__trailing[data-v-af37eee7] {
  block-size: var(--tree-item-line-height);
}

/* The input, wearing the row rather than a form field. */
.ms-tree__rename[data-v-af37eee7] {
  flex: 1 1 auto;
  min-inline-size: 0;
  block-size: var(--tree-input-height);
  padding-inline: var(--tree-input-padding-inline);
  border: 1px solid var(--tree-input-border);
  border-radius: var(--tree-control-radius);
  background: var(--tree-input-bg);
  color: var(--tree-item-fg);
  font: inherit;
  box-sizing: border-box;
  /* The same focus MsInput has: the border firms up and the neutral ring comes on. */
}
.ms-tree__rename[data-v-af37eee7]:focus {
  outline: none;
  border-color: var(--tree-input-border-focus);
  box-shadow: var(--tree-input-focus-ring);
}
.ms-tree__meta[data-v-af37eee7] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: var(--tree-item-fg-meta);
  font-size: var(--tree-meta-font-size);
  font-variant-numeric: tabular-nums;
}
.ms-tree__spinner[data-v-af37eee7] {
  flex: 0 0 auto;
  inline-size: var(--tree-spinner-size);
  block-size: var(--tree-spinner-size);
  border: var(--tree-spinner-width) solid currentcolor;
  border-inline-end-color: transparent;
  border-radius: var(--radius-pill);
  color: var(--tree-spinner-fg);
  animation: ms-tree-spin-af37eee7 var(--duration-700) var(--ease-linear) infinite;
}
@keyframes ms-tree-spin-af37eee7 {
to {
    transform: rotate(360deg);
}
}
.ms-tree__trailing[data-v-af37eee7] {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--tree-trailing-gap);
  /* The same glyph size as the twisty at the other end of the row. */
}

/* The slot's children are boxes, not text. */
.ms-tree__trailing[data-v-af37eee7] > * {
  display: inline-flex;
  align-items: center;
}
.ms-tree__item:hover .ms-tree__trailing[data-v-af37eee7],
.ms-tree__item:focus-within .ms-tree__trailing[data-v-af37eee7],
.ms-tree__item--active .ms-tree__trailing[data-v-af37eee7],
.ms-tree__item--muted .ms-tree__trailing[data-v-af37eee7],
.ms-tree__item:has(.ms-tree__trailing [aria-expanded=true]) .ms-tree__trailing[data-v-af37eee7] {
  display: inline-flex;
}

/* A row that has been left out is the exception, and only halfway. */
.ms-tree__item--muted:not(:hover,
:focus-within,
.ms-tree__item--active,
:has(.ms-tree__trailing [aria-expanded=true])) .ms-tree__trailing[data-v-af37eee7] > :not([data-persistent]) {
  visibility: hidden;
}

/* Dimmed with the row it belongs to. */
.ms-tree__item--muted .ms-tree__trailing[data-v-af37eee7] {
  --btn-ghost-fg: var(--tree-item-fg-muted);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-62bc1d68]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-62bc1d68] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-62bc1d68]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-62bc1d68] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-62bc1d68]:root,
body.dark[data-v-62bc1d68] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-62bc1d68] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-62bc1d68]:root,
body.dark[data-v-62bc1d68] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-62bc1d68]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-62bc1d68]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-62bc1d68] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tree__add[data-v-62bc1d68] {
  display: flex;
  /* A column, because the hint sits under the field rather than beside it. */
  flex-direction: column;
  padding-block: calc((var(--tree-item-height) - var(--tree-input-height)) / 2);
  padding-inline: calc(var(--tree-item-padding-inline) + var(--tree-indent) * var(--tree-depth)) var(--tree-item-padding-inline);
}
.ms-tree__add-line[data-v-62bc1d68] {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: calc(var(--tree-item-gap) - var(--tree-input-padding-inline) - 1px);
  min-inline-size: 0;
}
.ms-tree__add-slot[data-v-62bc1d68] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--tree-mark-size);
  block-size: var(--tree-mark-size);
  /* The leaf's ink, on both shapes. */
  color: var(--tree-twisty-fg-leaf);
  /* Not a target. It marks the column; the line is typed in, not pressed. */
  pointer-events: none;
  user-select: none;
}
.ms-tree__add-slot[data-v-62bc1d68] svg {
  inline-size: var(--tree-icon-size);
  block-size: var(--tree-icon-size);
}
.ms-tree__add-chevron[data-v-62bc1d68] {
  inline-size: var(--tree-chevron-size);
  block-size: var(--tree-chevron-size);
  /* Shut, and pointing into the text in either direction. */
}
[dir=rtl] .ms-tree__add-chevron[data-v-62bc1d68] {
  transform: rotate(180deg);
}
.ms-tree__add-field[data-v-62bc1d68] {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--sp-4);
  min-inline-size: 0;
  block-size: var(--tree-input-height);
  padding-inline: var(--tree-input-padding-inline);
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--tree-control-radius);
  box-sizing: border-box;
  /* The same focus MsInput has: the border firms up and the neutral ring comes on. */
}
.ms-tree__add-field[data-v-62bc1d68]:focus-within {
  border-color: var(--tree-input-border-focus);
  background: var(--tree-input-bg);
  box-shadow: var(--tree-input-focus-ring);
}

/* Turned over. */
.ms-tree__add-field--ai[data-v-62bc1d68], .ms-tree__add-field--ai[data-v-62bc1d68]:focus-within {
  border-color: var(--tree-ai-border);
  background: var(--tree-ai-bg);
}
.ms-tree__add-mark[data-v-62bc1d68] {
  inline-size: var(--tree-ai-mark-size);
  block-size: var(--tree-ai-mark-size);
}
.ms-tree__add-slot--ai[data-v-62bc1d68] {
  color: var(--tree-ai-fg);
}
.ms-tree__add-rule[data-v-62bc1d68] {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: var(--tree-input-padding-inline);
  inline-size: var(--tree-add-rule-size);
  block-size: 1px;
  transform: translateY(-50%);
  background: var(--tree-add-rule-fg);
  transition: opacity var(--duration-100) var(--ease-out);
}
:where(.ms-tree__add-line:hover, .ms-tree__add-line:focus-within, .ms-tree__add--persistent) .ms-tree__add-rule[data-v-62bc1d68] {
  opacity: 0;
}
.ms-tree__add-hint[data-v-62bc1d68] {
  display: flex;
  align-items: center;
  justify-content: center;
  /* Between the keys and the words they belong to. */
  gap: var(--sp-4);
  padding-block: var(--sp-8) var(--sp-4);
  color: var(--tree-add-fg);
  /* A step under the placeholder above it. */
  font-size: var(--font-size-11);
  pointer-events: none;
  user-select: none;
}
.ms-tree__add-hint--ai[data-v-62bc1d68] {
  color: var(--tree-ai-fg);
}
.ms-tree__add-input[data-v-62bc1d68] {
  flex: 1 1 auto;
  min-inline-size: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--tree-item-fg);
  font: inherit;
  font-size: var(--tree-add-font-size);
}
.ms-tree__add-input[data-v-62bc1d68]:focus {
  outline: none;
}
.ms-tree__add-input[data-v-62bc1d68] {
  /* Blank until someone is near it. */
}
.ms-tree__add-input[data-v-62bc1d68]::placeholder {
  color: transparent;
  transition: color var(--duration-100) var(--ease-out);
}
.ms-tree__add-input[data-v-62bc1d68] {
  /* On approach, on the caret, or always where the line is the standing invitation. */
}
:where(.ms-tree__add-line:hover, .ms-tree__add-line:focus-within, .ms-tree__add--persistent) .ms-tree__add-input[data-v-62bc1d68]::placeholder {
  color: var(--tree-add-fg);
}
.ms-tree__add-field--ai .ms-tree__add-input[data-v-62bc1d68]::placeholder {
  color: var(--tree-ai-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d6150325]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d6150325] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d6150325]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d6150325] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d6150325]:root,
body.dark[data-v-d6150325] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d6150325] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d6150325]:root,
body.dark[data-v-d6150325] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d6150325]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d6150325]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d6150325] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tree__skeleton-row[data-v-d6150325] {
  display: flex;
  align-items: center;
  gap: var(--tree-item-gap);
  block-size: var(--tree-item-height);
  padding-inline: calc(var(--tree-item-padding-inline) + var(--tree-indent) * var(--tree-depth, 0)) var(--tree-item-padding-inline);
}

/* The mark's column, held open whether or not the row that arrives has a mark. */
.ms-tree__skeleton-mark[data-v-d6150325] {
  flex: 0 0 auto;
}

/* Names are lines, and a line takes its height from the text it stands in for. */
.ms-tree__skeleton-name[data-v-d6150325] {
  max-inline-size: 12rem;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-72bd1780]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-72bd1780] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-72bd1780]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-72bd1780] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-72bd1780]:root,
body.dark[data-v-72bd1780] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-72bd1780] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-72bd1780]:root,
body.dark[data-v-72bd1780] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-72bd1780]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-72bd1780]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-72bd1780] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-logo[data-v-72bd1780] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: inherit;
}
.ms-logo--sm[data-v-72bd1780] {
  --ms-logo-height: var(--logo-size-sm);
}
.ms-logo--default[data-v-72bd1780] {
  --ms-logo-height: var(--logo-size-default);
}
.ms-logo--lg[data-v-72bd1780] {
  --ms-logo-height: var(--logo-size-lg);
}
.ms-logo__art[data-v-72bd1780] {
  display: block;
  inline-size: auto;
  block-size: var(--ms-logo-height);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e9c49bf3]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e9c49bf3] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e9c49bf3]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e9c49bf3] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e9c49bf3]:root,
body.dark[data-v-e9c49bf3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e9c49bf3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e9c49bf3]:root,
body.dark[data-v-e9c49bf3] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e9c49bf3]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e9c49bf3]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e9c49bf3] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-loading[data-v-e9c49bf3] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ms-loading--fullscreen[data-v-e9c49bf3] {
  position: fixed;
  inset: 0;
  z-index: var(--loading-z-index);
  background: var(--loading-backdrop);
}
.ms-loading__wash[data-v-e9c49bf3] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.ms-loading__wave[data-v-e9c49bf3] {
  position: absolute;
  inset-block-start: var(--loading-wave-offset-block);
  inset-inline-start: var(--loading-wave-offset-inline);
  inline-size: var(--loading-wave-size);
  block-size: var(--loading-wave-size);
  border-radius: var(--loading-wave-radius);
  background: var(--loading-wave-color);
  opacity: var(--loading-wave-alpha-one);
  animation: ms-loading-drift-e9c49bf3 var(--loading-wave-duration-one) var(--ease-linear) infinite;
}
.ms-loading__wave--two[data-v-e9c49bf3] {
  inset-inline-start: var(--loading-wave-offset-inline-two);
  opacity: var(--loading-wave-alpha-two);
  animation-duration: var(--loading-wave-duration-two);
}
.ms-loading__stage[data-v-e9c49bf3] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--loading-size);
  block-size: var(--loading-size);
}
.ms-loading__tile[data-v-e9c49bf3] {
  position: absolute;
  inset: 0;
  border-radius: var(--loading-radius);
  background: var(--loading-tile-bg);
  animation: ms-loading-turn-e9c49bf3 var(--loading-duration) var(--loading-ease) infinite;
}
.ms-loading__mark[data-v-e9c49bf3] {
  position: relative;
  display: inline-flex;
  color: var(--loading-mark-fg);
  inline-size: var(--loading-mark-size);
  block-size: var(--loading-mark-size);
}
.ms-loading__mark[data-v-e9c49bf3] >  * {
  inline-size: 100%;
  block-size: 100%;
}
.ms-loading__mark[data-v-e9c49bf3] svg,
.ms-loading__mark[data-v-e9c49bf3] img {
  inline-size: 100%;
  block-size: 100%;
}
.ms-loading__label[data-v-e9c49bf3] {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ms-loading--sm[data-v-e9c49bf3] {
  --loading-size: var(--loading-size-sm);
  --loading-mark-size: var(--loading-mark-size-sm);
  --loading-radius: var(--loading-radius-sm);
}
.ms-loading--lg[data-v-e9c49bf3] {
  --loading-size: var(--loading-size-lg);
  --loading-mark-size: var(--loading-mark-size-lg);
}

/* Half a turn, a pause, half a turn, a pause — the legacy's timing, kept. */
@keyframes ms-loading-turn-e9c49bf3 {
0% {
    transform: rotate(0deg);
}
25%, 50% {
    transform: rotate(180deg);
}
75%, 100% {
    transform: rotate(360deg);
}
}
/* One turn, and the second keyframe is `to`. */
@keyframes ms-loading-drift-e9c49bf3 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/* Something still has to say "working". */
@media (prefers-reduced-motion: reduce) {
  /* The wash is decoration; still is fine for it. */
.ms-loading__wave[data-v-e9c49bf3] {
    animation: none;
}
.ms-loading__tile[data-v-e9c49bf3] {
    animation: ms-loading-breathe-e9c49bf3 var(--loading-duration) var(--ease-in-out) infinite;
}
@keyframes ms-loading-breathe-e9c49bf3 {
0%, 100% {
      opacity: 1;
}
50% {
      opacity: var(--loading-breathe-opacity);
}
}
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-16d461d4]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-16d461d4] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-16d461d4]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-16d461d4] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-16d461d4]:root,
body.dark[data-v-16d461d4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-16d461d4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-16d461d4]:root,
body.dark[data-v-16d461d4] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-16d461d4]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-16d461d4]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-16d461d4] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-editable-heading[data-v-16d461d4] {
  display: flex;
  align-items: flex-start;
  gap: var(--editable-heading-gap);
  inline-size: 100%;
  /* Centred on the first line of the title, not on the title. */
}
.ms-editable-heading__leading[data-v-16d461d4] {
  display: flex;
  align-items: center;
  box-sizing: content-box;
  block-size: calc(var(--editable-heading-font-size) * var(--editable-heading-leading));
  padding-block: var(--editable-heading-padding-block);
}
.ms-editable-heading__body[data-v-16d461d4] {
  position: relative;
  flex: 1 1 auto;
  min-inline-size: 0;
}
.ms-editable-heading[data-v-16d461d4] {
  /* A heading and nothing else. */
}
.ms-editable-heading__title[data-v-16d461d4] {
  margin: 0;
  padding: var(--editable-heading-padding-block) var(--editable-heading-padding-inline);
  border-radius: var(--editable-heading-radius);
  color: var(--editable-heading-fg);
  font-size: var(--editable-heading-font-size);
  font-weight: var(--editable-heading-font-weight);
  line-height: var(--editable-heading-leading);
  letter-spacing: var(--editable-heading-tracking);
  /* A title is one string; a long word breaks rather than widening the page. */
  overflow-wrap: break-word;
  cursor: text;
}
.ms-editable-heading__title--readonly[data-v-16d461d4] {
  cursor: default;
}
.ms-editable-heading__title[data-v-16d461d4]:focus, .ms-editable-heading__title[data-v-16d461d4]:focus-visible {
  outline: none;
}
.ms-editable-heading__title[data-v-16d461d4] {
  /* The placeholder is drawn, not stored. */
}
.ms-editable-heading__title--empty[data-v-16d461d4]::before {
  content: attr(data-placeholder);
  color: var(--editable-heading-fg-placeholder);
}
.ms-editable-heading__title[data-v-16d461d4] {
  /* Spelled out for the focused state too. */
}
.ms-editable-heading__title--refused[data-v-16d461d4], .ms-editable-heading__title--refused[data-v-16d461d4]:focus, .ms-editable-heading__title--refused[data-v-16d461d4]:focus-visible {
  outline: 1px solid var(--editable-heading-border-refused);
  outline-offset: 0;
}
.ms-editable-heading__alert[data-v-16d461d4] {
  position: absolute;
  inset-block-start: 100%;
  /* Flush with the title's own edge — the one the refusal outlines. */
  inset-inline-start: 0;
  z-index: 1;
  margin: var(--sp-4) 0 0;
  padding: var(--sp-6) var(--sp-8);
  border-radius: var(--editable-heading-radius);
  border: 1px solid var(--editable-heading-alert-border);
  background: var(--editable-heading-alert-bg);
  color: var(--editable-heading-alert-fg);
  font-size: var(--editable-heading-alert-font-size);
  line-height: var(--leading-normal);
}
.ms-editable-heading--2[data-v-16d461d4] {
  --editable-heading-font-size: var(--editable-heading-font-size-2);
}
.ms-editable-heading--3[data-v-16d461d4] {
  --editable-heading-font-size: var(--editable-heading-font-size-3);
  --editable-heading-font-weight: var(--editable-heading-font-weight-3);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-963da285]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-963da285] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-963da285]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-963da285] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-963da285]:root,
body.dark[data-v-963da285] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-963da285] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-963da285]:root,
body.dark[data-v-963da285] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-963da285]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-963da285]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-963da285] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-pagination[data-v-963da285] {
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ms-pagination__list[data-v-963da285] {
  display: flex;
  align-items: center;
  gap: var(--pagination-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ms-pagination__item[data-v-963da285] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  min-inline-size: var(--pagination-min-width);
  block-size: var(--pagination-height);
  padding-inline: var(--sp-2);
  border: 1px solid transparent;
  border-radius: var(--pagination-radius);
  background: transparent;
  color: var(--pagination-fg);
  font: inherit;
  font-size: var(--pagination-font-size);
  font-weight: var(--pagination-font-weight);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--pagination-transition-duration) var(--pagination-transition-ease), color var(--pagination-transition-duration) var(--pagination-transition-ease);
}
.ms-pagination__item[data-v-963da285]:hover:not(:disabled):not([aria-disabled=true]) {
  background: var(--pagination-bg-hover);
  box-shadow: var(--ring-state);
  color: var(--pagination-fg-hover);
}
.ms-pagination__item[data-v-963da285]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-pagination__item[data-v-963da285] {
  /* Both spellings. */
}
.ms-pagination__item[data-v-963da285]:disabled, .ms-pagination__item[aria-disabled=true][data-v-963da285] {
  opacity: var(--pagination-disabled-opacity);
  cursor: not-allowed;
}
.ms-pagination__item[data-v-963da285] {
  /* The one lifted thing in the row: an edge and a surface, no fill. */
}
.ms-pagination__item--current[data-v-963da285] {
  border-color: var(--pagination-current-border);
  background: var(--pagination-current-bg);
  color: var(--pagination-current-fg);
}
.ms-pagination__item--edge[data-v-963da285] {
  padding-inline: var(--pagination-padding-inline);
}
.ms-pagination__chevron[data-v-963da285] {
  flex-shrink: 0;
  inline-size: var(--pagination-icon-size);
  block-size: var(--pagination-icon-size);
}
.ms-pagination__gap[data-v-963da285] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: var(--pagination-min-width);
  block-size: var(--pagination-height);
  color: var(--pagination-gap-fg);
  font-size: var(--pagination-font-size);
}
.ms-pagination--sm[data-v-963da285] {
  --pagination-height: var(--pagination-height-sm);
  --pagination-min-width: var(--pagination-min-width-sm);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a1c92a01]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a1c92a01] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a1c92a01]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a1c92a01] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a1c92a01]:root,
body.dark[data-v-a1c92a01] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a1c92a01] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a1c92a01]:root,
body.dark[data-v-a1c92a01] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a1c92a01]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a1c92a01]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a1c92a01] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-select__panel[data-v-a1c92a01] {
  --ms-select-origin: top;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-dropdown);
  min-inline-size: var(--select-panel-min-width);
  max-block-size: var(--select-panel-max-height);
  overflow-y: auto;
}
.ms-select__panel[data-v-a1c92a01]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-select__panel[data-v-a1c92a01]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-select__panel[data-v-a1c92a01]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-select__panel[data-v-a1c92a01]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-select__panel[data-v-a1c92a01]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-select__panel[data-v-a1c92a01] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-select__panel[data-v-a1c92a01]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-select__panel[data-v-a1c92a01] {
  /* A flick at the end of the list must not scroll the page behind it. */
  overscroll-behavior: contain;
  padding: var(--select-panel-padding);
  background: var(--select-panel-bg);
  border: 1px solid var(--select-panel-border);
  border-radius: var(--select-panel-radius);
  box-shadow: var(--select-panel-shadow);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  transform-origin: var(--ms-select-origin);
}
.ms-select__panel[data-v-a1c92a01]:focus {
  outline: none;
}
.ms-select__panel[data-v-a1c92a01] .ms-select__item {
  display: flex;
  align-items: center;
  gap: var(--select-item-gap);
  padding: var(--select-item-padding);
  border-radius: var(--select-item-radius);
  color: var(--select-item-fg);
  font-size: var(--select-item-font-size);
  cursor: pointer;
  user-select: none;
}
.ms-select__panel[data-v-a1c92a01] .ms-select__item--active {
  background: var(--select-item-bg-active);
  box-shadow: var(--ring-state);
}
.ms-select__panel[data-v-a1c92a01] .ms-select__item[aria-disabled='true'] {
  color: var(--select-item-fg-disabled);
  cursor: not-allowed;
}
.ms-select__panel[data-v-a1c92a01] .ms-select__item[aria-disabled='true'].ms-select__item--active {
  background: transparent;
}
.ms-select__panel[data-v-a1c92a01] .ms-select__item-label {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-select__panel[data-v-a1c92a01] .ms-select__check {
  flex-shrink: 0;
  inline-size: 16px;
  block-size: 16px;
  color: var(--select-indicator-fg);
}
.ms-select__panel[data-v-a1c92a01] .ms-select__item > svg:not(.ms-select__check),
.ms-select__panel[data-v-a1c92a01] .ms-select__item > img {
  flex-shrink: 0;
  inline-size: 16px;
  block-size: 16px;
}
.ms-select__panel[data-v-a1c92a01] .ms-select__label {
  padding: var(--sp-6) var(--sp-8);
  color: var(--select-label-fg);
  font-size: var(--select-label-font-size);
  font-weight: var(--font-weight-medium);
}
.ms-select__panel[data-v-a1c92a01] .ms-select__separator {
  block-size: 1px;
  /* Negative inline margin so the rule spans the panel's padding. */
  margin: var(--sp-4) calc(var(--select-panel-padding) * -1);
  background: var(--select-separator);
}
.ms-select-enter-active[data-v-a1c92a01] {
  transition: opacity var(--select-enter-duration) var(--ease-out), scale var(--select-enter-duration) var(--ease-out);
}
.ms-select-leave-active[data-v-a1c92a01] {
  transition: opacity var(--select-leave-duration) var(--ease-in), scale var(--select-leave-duration) var(--ease-in);
}
.ms-select-enter-from[data-v-a1c92a01],
.ms-select-leave-to[data-v-a1c92a01] {
  opacity: 0;
  scale: var(--select-enter-scale);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-b00ae890]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-b00ae890] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-b00ae890]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-b00ae890] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-b00ae890]:root,
body.dark[data-v-b00ae890] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-b00ae890] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-b00ae890]:root,
body.dark[data-v-b00ae890] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-b00ae890]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-b00ae890]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-b00ae890] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-select__value[data-v-b00ae890] {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-8);
  min-inline-size: 0;
}
.ms-select__value[data-v-b00ae890] svg {
  flex-shrink: 0;
  inline-size: 16px;
  block-size: 16px;
}

/* The label truncates; the mark never does. */
.ms-select__value-label[data-v-b00ae890] {
  min-inline-size: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-select__placeholder[data-v-b00ae890] {
  color: var(--select-placeholder-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-3aa1b0a7]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-3aa1b0a7] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-3aa1b0a7]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-3aa1b0a7] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-3aa1b0a7]:root,
body.dark[data-v-3aa1b0a7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-3aa1b0a7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-3aa1b0a7]:root,
body.dark[data-v-3aa1b0a7] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-3aa1b0a7]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-3aa1b0a7]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-3aa1b0a7] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-select__trigger[data-v-3aa1b0a7] {
  display: flex;
  align-items: center;
  gap: var(--sp-8);
  inline-size: 100%;
  min-inline-size: 0;
  flex: 1 1 auto;
  padding-inline: var(--input-padding-inline);
  border: 1px solid var(--input-border);
  border-radius: var(--input-radius);
  background: var(--input-bg);
  color: var(--input-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-size: var(--input-font-size);
  text-align: start;
  transition: border-color var(--input-transition-duration) var(--input-transition-ease), box-shadow var(--input-transition-duration) var(--input-transition-ease);
}
.ms-select__trigger--sm[data-v-3aa1b0a7] {
  block-size: var(--input-height-sm);
  padding-inline: var(--input-padding-inline-sm);
  font-size: var(--input-font-size-sm);
}
.ms-select__trigger--default[data-v-3aa1b0a7] {
  block-size: var(--input-height);
}
.ms-select__trigger--lg[data-v-3aa1b0a7] {
  block-size: var(--input-height-lg);
}
.ms-select__trigger[data-v-3aa1b0a7] {
  cursor: pointer;
}
.ms-select__trigger[data-v-3aa1b0a7]:hover:not(:disabled):not(:focus-visible) {
  border-color: var(--input-border-hover);
}
.ms-select__trigger[data-v-3aa1b0a7]:focus-visible {
  outline: none;
  border-color: var(--input-border-focus);
  box-shadow: var(--input-focus-ring);
}
.ms-select__trigger[data-v-3aa1b0a7]:disabled {
  background: var(--input-disabled-bg);
  opacity: var(--input-disabled-opacity);
  cursor: not-allowed;
}
.ms-select__trigger--invalid[data-v-3aa1b0a7] {
  border-color: var(--input-border-invalid);
}
.ms-select__trigger--invalid[data-v-3aa1b0a7]:focus-visible {
  border-color: var(--input-border-invalid);
  box-shadow: var(--input-focus-ring-invalid);
}
.ms-select__trigger[data-v-3aa1b0a7] {
  /* The chevron sits at the far end; the value takes everything else. */
  justify-content: space-between;
}
.ms-select__trigger--ghost-variant[data-v-3aa1b0a7] {
  border-color: transparent;
  background: transparent;
}
.ms-select__trigger--ghost-variant .ms-select__chevron[data-v-3aa1b0a7] {
  opacity: 0;
  transition: opacity var(--input-transition-duration) var(--input-transition-ease);
}
.ms-select__trigger--ghost-variant[data-v-3aa1b0a7]:hover:not(:disabled):not([data-open=true]) {
  background: var(--input-ghost-bg-hover);
  border-color: transparent;
}
.ms-select__trigger--ghost-variant:hover .ms-select__chevron[data-v-3aa1b0a7], .ms-select__trigger--ghost-variant[data-open=true] .ms-select__chevron[data-v-3aa1b0a7] {
  opacity: 1;
}
.ms-select__trigger--ghost-variant[data-v-3aa1b0a7]:focus-visible {
  background: var(--input-bg);
  border-color: var(--input-border-focus);
}
.ms-select__trigger--ghost-variant:focus-visible .ms-select__chevron[data-v-3aa1b0a7] {
  opacity: 1;
}
.ms-select__trigger--ghost-variant[data-open=true][data-v-3aa1b0a7] {
  background: var(--input-bg);
  border-color: var(--input-border-focus);
  box-shadow: var(--input-focus-ring);
}
.ms-select__stack[data-v-3aa1b0a7] {
  display: contents;
}
.ms-select__trigger--captioned[data-v-3aa1b0a7] {
  block-size: auto;
  padding-block: var(--select-caption-padding-block);
}
.ms-select__trigger--captioned .ms-select__stack[data-v-3aa1b0a7] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-inline-size: 0;
}
.ms-select__caption[data-v-3aa1b0a7] {
  max-inline-size: 100%;
  overflow: hidden;
  color: var(--select-caption-fg);
  font-size: var(--select-caption-font-size);
  line-height: var(--select-caption-line-height);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-select__trigger-value[data-v-3aa1b0a7] {
  min-inline-size: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-select__chevron[data-v-3aa1b0a7] {
  flex-shrink: 0;
  inline-size: 16px;
  block-size: 16px;
  color: var(--select-icon-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-0b76ca14]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-0b76ca14] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-0b76ca14]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-0b76ca14] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-0b76ca14]:root,
body.dark[data-v-0b76ca14] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-0b76ca14] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-0b76ca14]:root,
body.dark[data-v-0b76ca14] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-0b76ca14]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-0b76ca14]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-0b76ca14] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/* One row: what a page holds at the start edge, which page at the end. */
.ms-pagination-bar[data-v-0b76ca14] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--pagination-bar-gap);
  inline-size: 100%;
}
.ms-pagination-bar__field[data-v-0b76ca14] {
  /* The label and its select, not a form field on its own line. */
  flex: 0 0 auto;
}
.ms-pagination-bar[data-v-0b76ca14] {
  /* Wide enough for four digits and no wider. */
}
.ms-pagination-bar__select[data-v-0b76ca14] {
  inline-size: var(--pagination-bar-select-width);
}
.ms-pagination-bar__range[data-v-0b76ca14] {
  margin: 0;
  color: var(--pagination-bar-range-fg);
  font-size: var(--pagination-bar-range-font-size);
  font-variant-numeric: tabular-nums;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9096dc0f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9096dc0f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9096dc0f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9096dc0f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9096dc0f]:root,
body.dark[data-v-9096dc0f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9096dc0f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9096dc0f]:root,
body.dark[data-v-9096dc0f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9096dc0f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9096dc0f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9096dc0f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/* One line: the press, then how much of the list it has drawn so far. */
.ms-load-more[data-v-9096dc0f] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--load-more-gap);
}
.ms-load-more__count[data-v-9096dc0f] {
  margin: 0;
  color: var(--load-more-count-fg);
  font-size: var(--load-more-count-font-size);
  font-variant-numeric: tabular-nums;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-6b3e6568]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-6b3e6568] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-6b3e6568]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-6b3e6568] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-6b3e6568]:root,
body.dark[data-v-6b3e6568] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-6b3e6568] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-6b3e6568]:root,
body.dark[data-v-6b3e6568] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-6b3e6568]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-6b3e6568]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-6b3e6568] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-toc[data-v-6b3e6568] {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.ms-toc__lines[data-v-6b3e6568] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--toc-line-gap);
  padding: var(--toc-lines-padding);
  max-block-size: var(--toc-lines-max-block-size);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  transition: opacity var(--toc-duration) var(--toc-ease);
}
.ms-toc__lines[data-v-6b3e6568]::-webkit-scrollbar {
  display: none;
}
.ms-toc__lines--dim[data-v-6b3e6568] {
  opacity: 0;
}
.ms-toc__line[data-v-6b3e6568] {
  flex: none;
  block-size: var(--toc-line-block-size);
  padding: 0;
  border: none;
  border-radius: var(--toc-line-radius);
  background: var(--toc-line-bg);
  cursor: pointer;
  transition: background-color var(--toc-duration) var(--toc-ease), inline-size var(--toc-duration) var(--toc-ease);
}
.ms-toc__line[data-v-6b3e6568]:hover {
  background: var(--toc-line-bg-hover);
}
.ms-toc__line--active[data-v-6b3e6568] {
  background: var(--toc-line-bg-active);
}
.ms-toc__panel[data-v-6b3e6568]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-toc__panel[data-v-6b3e6568]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-toc__panel[data-v-6b3e6568]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-toc__panel[data-v-6b3e6568]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-toc__panel[data-v-6b3e6568]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-toc__panel[data-v-6b3e6568] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-toc__panel[data-v-6b3e6568]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-toc__panel[data-v-6b3e6568] {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  display: flex;
  flex-direction: column;
  min-inline-size: var(--toc-panel-min-inline-size);
  max-inline-size: var(--toc-panel-max-inline-size);
  max-block-size: var(--toc-panel-max-block-size);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--toc-panel-padding);
  border: 1px solid var(--toc-panel-border);
  border-radius: var(--toc-panel-radius);
  background: var(--toc-panel-bg);
  box-shadow: var(--toc-panel-shadow);
}
.ms-toc__entry[data-v-6b3e6568] {
  flex: none;
  display: block;
  inline-size: 100%;
  padding-block: var(--toc-entry-padding-block);
  padding-inline-end: var(--toc-entry-padding-inline-end);
  border: none;
  border-radius: var(--toc-entry-radius);
  background: transparent;
  color: var(--toc-entry-fg);
  font-size: var(--toc-entry-font-size);
  line-height: var(--toc-entry-line-height);
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background-color var(--toc-duration) var(--toc-ease);
}
.ms-toc__entry[data-v-6b3e6568]:hover {
  background: var(--toc-entry-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-toc__entry--active[data-v-6b3e6568] {
  color: var(--toc-entry-fg-active);
  font-weight: var(--toc-entry-font-weight-active);
}
.ms-toc-fade-enter-active[data-v-6b3e6568],
.ms-toc-fade-leave-active[data-v-6b3e6568] {
  transition: opacity var(--toc-duration) var(--toc-ease);
}
.ms-toc-fade-enter-from[data-v-6b3e6568],
.ms-toc-fade-leave-to[data-v-6b3e6568] {
  opacity: 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-0aec3e41]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-0aec3e41] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-0aec3e41]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-0aec3e41] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-0aec3e41]:root,
body.dark[data-v-0aec3e41] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-0aec3e41] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-0aec3e41]:root,
body.dark[data-v-0aec3e41] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-0aec3e41]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-0aec3e41]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-0aec3e41] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-table[data-v-0aec3e41] {
  inline-size: 100%;
  max-inline-size: 100%;
  overflow: auto;
  color: var(--table-fg);
  font-family: var(--font-family-sans);
  font-size: var(--table-font-size);
  letter-spacing: var(--tracking-normal);
}
.ms-table__table[data-v-0aec3e41] {
  inline-size: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
}
.ms-table--compact[data-v-0aec3e41] {
  --table-cell-padding-block: var(--table-cell-padding-block-compact);
}
.ms-table--comfortable[data-v-0aec3e41] {
  --table-cell-padding-block: var(--table-cell-padding-block-comfortable);
}
.ms-table--outlined[data-v-0aec3e41] {
  border: 1px solid var(--table-border);
  border-radius: var(--table-radius);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-b5f0ab7e]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-b5f0ab7e] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-b5f0ab7e]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-b5f0ab7e] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-b5f0ab7e]:root,
body.dark[data-v-b5f0ab7e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-b5f0ab7e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-b5f0ab7e]:root,
body.dark[data-v-b5f0ab7e] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-b5f0ab7e]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-b5f0ab7e]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-b5f0ab7e] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-table--sticky-header .ms-table__header[data-v-b5f0ab7e] {
  position: relative;
  z-index: 2;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-fce412a3]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-fce412a3] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-fce412a3]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-fce412a3] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-fce412a3]:root,
body.dark[data-v-fce412a3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-fce412a3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-fce412a3]:root,
body.dark[data-v-fce412a3] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-fce412a3]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-fce412a3]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-fce412a3] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-table__footer[data-v-fce412a3] {
  color: var(--table-foot-fg);
  font-weight: var(--table-foot-font-weight);
}
.ms-table__footer[data-v-fce412a3] tr:last-child > * {
  border-block-end: none;
}
.ms-table__footer[data-v-fce412a3] td,
.ms-table__footer[data-v-fce412a3] th {
  background: var(--table-foot-bg);
}
.ms-table--sticky-footer .ms-table__footer[data-v-fce412a3] {
  position: sticky;
  inset-block-end: 0;
  /* Above the frozen body cells, which sit at 1. */
  z-index: 4;
  /* A rule above the first footer row. */
}
.ms-table--sticky-footer .ms-table__footer[data-v-fce412a3] tr:first-child > * {
  border-block-start: 1px solid var(--table-rule);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9d480158]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9d480158] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9d480158]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9d480158] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9d480158]:root,
body.dark[data-v-9d480158] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9d480158] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9d480158]:root,
body.dark[data-v-9d480158] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9d480158]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9d480158]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9d480158] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-table__row[data-v-9d480158] {
  /* The tint goes on the cells, not on the row. */
  transition: background-color var(--table-transition-duration) var(--table-transition-ease);
}
.ms-table__row--interactive[data-v-9d480158] {
  cursor: pointer;
}
.ms-table__row--interactive[data-v-9d480158]:hover >  * {
  background: var(--table-row-bg-hover);
}
.ms-table__row--interactive[data-v-9d480158]:hover >  .ms-table__cell--sticky, .ms-table__row--interactive[data-v-9d480158]:hover >  .ms-table__head--sticky {
  background: linear-gradient(var(--table-row-bg-hover), var(--table-row-bg-hover)) var(--table-sticky-bg);
}
.ms-table__row[data-selected][data-v-9d480158] >  * {
  background: var(--table-row-bg-selected);
}
.ms-table__row[data-selected][data-v-9d480158] >  .ms-table__cell--sticky, .ms-table__row[data-selected][data-v-9d480158] >  .ms-table__head--sticky {
  background: linear-gradient(var(--table-row-bg-selected), var(--table-row-bg-selected)) var(--table-sticky-bg);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-af7198f8]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-af7198f8] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-af7198f8]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-af7198f8] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-af7198f8]:root,
body.dark[data-v-af7198f8] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-af7198f8] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-af7198f8]:root,
body.dark[data-v-af7198f8] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-af7198f8]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-af7198f8]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-af7198f8] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-table__head[data-v-af7198f8] {
  padding: var(--table-cell-padding-block) var(--table-cell-padding-inline);
  /* Stated, for the same reason as the cell — see table-cell.vue. */
  line-height: var(--table-line-height);
  border-block-end: 1px solid var(--table-head-rule);
  color: var(--table-head-fg);
  font-size: var(--table-head-font-size);
  font-weight: var(--table-head-font-weight);
  text-align: start;
  white-space: nowrap;
  vertical-align: middle;
}
.ms-table__head--center[data-v-af7198f8] {
  text-align: center;
}
.ms-table__head--end[data-v-af7198f8] {
  text-align: end;
}
.ms-table__head--divider[data-v-af7198f8] {
  border-inline-start: 1px solid var(--table-divider);
}
.ms-table__head--sticky[data-v-af7198f8] {
  position: sticky;
  z-index: 1;
  background: var(--table-sticky-bg);
  box-shadow: var(--table-sticky-edge);
}
.ms-table--sticky-header .ms-table__head[data-v-af7198f8] {
  background: var(--table-sticky-bg);
}
.ms-table__head--sticky-end[data-v-af7198f8] {
  box-shadow: var(--table-sticky-edge-end);
}
[dir=rtl] .ms-table__head--sticky[data-v-af7198f8] {
  box-shadow: var(--table-sticky-edge-end);
}
[dir=rtl] .ms-table__head--sticky-end[data-v-af7198f8] {
  box-shadow: var(--table-sticky-edge);
}
.ms-table__head[data-v-af7198f8] {
  /* The corner. */
}
.ms-table--sticky-header .ms-table__head[data-v-af7198f8], .ms-table--sticky-header .ms-table__head--sticky[data-v-af7198f8] {
  position: sticky;
  inset-block-start: 0;
}
.ms-table--sticky-header .ms-table__head--sticky[data-v-af7198f8] {
  z-index: 3;
}
.ms-table__sort[data-v-af7198f8] {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-4);
  margin: calc(-1 * var(--sp-4)) calc(-1 * var(--sp-6));
  padding: var(--sp-4) var(--sp-6);
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  cursor: pointer;
  transition: color var(--table-transition-duration) var(--table-transition-ease);
}
.ms-table__sort[data-v-af7198f8]:hover {
  color: var(--table-sort-fg-active);
}
.ms-table__sort[data-v-af7198f8]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-table__head--end .ms-table__sort[data-v-af7198f8] {
  flex-direction: row-reverse;
}
.ms-table__sort-icon[data-v-af7198f8] {
  flex-shrink: 0;
  inline-size: var(--table-sort-icon-size);
  block-size: var(--table-sort-icon-size);
  color: var(--table-sort-fg);
}
[aria-sort=ascending] .ms-table__sort-icon[data-v-af7198f8], [aria-sort=descending] .ms-table__sort-icon[data-v-af7198f8] {
  color: var(--table-sort-fg-active);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a38b390a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a38b390a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a38b390a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a38b390a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a38b390a]:root,
body.dark[data-v-a38b390a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a38b390a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a38b390a]:root,
body.dark[data-v-a38b390a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a38b390a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a38b390a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a38b390a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-table__cell[data-v-a38b390a] {
  padding: var(--table-cell-padding-block) var(--table-cell-padding-inline);
  /* A stated line height, not `normal`. */
  line-height: var(--table-line-height);
  border-block-end: 1px solid var(--table-rule);
  vertical-align: middle;
  transition: background-color var(--table-transition-duration) var(--table-transition-ease);
}
.ms-table__cell--center[data-v-a38b390a] {
  text-align: center;
}
.ms-table__cell--end[data-v-a38b390a] {
  text-align: end;
}
.ms-table__cell--nowrap[data-v-a38b390a] {
  white-space: nowrap;
}
.ms-table__cell--divider[data-v-a38b390a] {
  border-inline-start: 1px solid var(--table-divider);
}
.ms-table__cell[data-v-a38b390a] {
  /* The row sets the amount; the cell decides whether it is the one that shows it. */
}
.ms-table__cell--indent[data-v-a38b390a] {
  padding-inline-start: calc(var(--table-cell-padding-inline) + var(--table-row-indent));
}
.ms-table__cell[data-v-a38b390a] {
  /* Sticky moves a box; it does not make it opaque. */
}
.ms-table__cell--sticky[data-v-a38b390a] {
  position: sticky;
  z-index: 1;
  background: var(--table-sticky-bg);
  box-shadow: var(--table-sticky-edge);
}
.ms-table__cell--sticky-end[data-v-a38b390a] {
  box-shadow: var(--table-sticky-edge-end);
}
[dir=rtl] .ms-table__cell--sticky[data-v-a38b390a] {
  box-shadow: var(--table-sticky-edge-end);
}
[dir=rtl] .ms-table__cell--sticky-end[data-v-a38b390a] {
  box-shadow: var(--table-sticky-edge);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-3f85bf87]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-3f85bf87] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-3f85bf87]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-3f85bf87] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-3f85bf87]:root,
body.dark[data-v-3f85bf87] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-3f85bf87] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-3f85bf87]:root,
body.dark[data-v-3f85bf87] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-3f85bf87]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-3f85bf87]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-3f85bf87] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-table__caption[data-v-3f85bf87] {
  padding-block: var(--table-caption-padding-block);
  padding-inline: var(--table-cell-padding-inline);
  color: var(--table-caption-fg);
  font-size: var(--table-caption-font-size);
  text-align: start;
}
.ms-table__caption--top[data-v-3f85bf87] {
  caption-side: top;
}
.ms-table__caption--bottom[data-v-3f85bf87] {
  caption-side: bottom;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-36578690]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-36578690] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-36578690]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-36578690] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-36578690]:root,
body.dark[data-v-36578690] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-36578690] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-36578690]:root,
body.dark[data-v-36578690] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-36578690]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-36578690]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-36578690] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tabs[data-v-36578690] {
  display: flex;
  flex-direction: column;
  gap: var(--tabs-gap);
  min-inline-size: 0;
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ms-tabs--vertical[data-v-36578690] {
  flex-direction: row;
  align-items: flex-start;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e3e746e7]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e3e746e7] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e3e746e7]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e3e746e7] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e3e746e7]:root,
body.dark[data-v-e3e746e7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e3e746e7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e3e746e7]:root,
body.dark[data-v-e3e746e7] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e3e746e7]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e3e746e7]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e3e746e7] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tabs__list[data-v-e3e746e7] {
  position: relative;
  display: flex;
  align-items: center;
  min-inline-size: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.ms-tabs__list[data-v-e3e746e7]::-webkit-scrollbar {
  display: none;
}
.ms-tabs__list[data-v-e3e746e7] {
  /* Nothing to scroll in a column, and `auto` there would clip the indicator. */
}
.ms-tabs--vertical .ms-tabs__list[data-v-e3e746e7] {
  overflow-x: visible;
}
.ms-tabs--vertical .ms-tabs__list[data-v-e3e746e7] {
  flex-direction: column;
  align-items: stretch;
}
.ms-tabs__list[data-v-e3e746e7] {
  /* Segmented: a filled trough with the tabs sitting in it. */
}
.ms-tabs--segmented .ms-tabs__list[data-v-e3e746e7] {
  gap: var(--tabs-segmented-gap);
  padding: var(--tabs-segmented-padding);
  border-radius: var(--tabs-segmented-radius);
  background: var(--tabs-segmented-bg);
  /* Shrink to the tabs. */
  inline-size: fit-content;
  max-inline-size: 100%;
}
.ms-tabs--inline .ms-tabs__list[data-v-e3e746e7] {
  gap: var(--tabs-inline-gap);
  padding-block: 2px;
  margin-block: -2px;
}
.ms-tabs--underline .ms-tabs__list[data-v-e3e746e7] {
  gap: var(--tabs-underline-gap);
}
.ms-tabs--underline .ms-tabs__list[data-v-e3e746e7]::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: 1px;
  background: var(--tabs-underline-rail);
}
.ms-tabs--underline.ms-tabs--vertical .ms-tabs__list[data-v-e3e746e7]::after {
  inset-inline: auto 0;
  inset-block: 0;
  inline-size: 1px;
  block-size: auto;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-7699dabd]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-7699dabd] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-7699dabd]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-7699dabd] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-7699dabd]:root,
body.dark[data-v-7699dabd] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-7699dabd] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-7699dabd]:root,
body.dark[data-v-7699dabd] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-7699dabd]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-7699dabd]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-7699dabd] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tabs__trigger[data-v-7699dabd] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tabs-trigger-gap);
  flex: 0 0 auto;
  padding: var(--tabs-trigger-padding);
  border: none;
  background: transparent;
  color: var(--tabs-trigger-fg);
  font: inherit;
  font-size: var(--tabs-trigger-font-size);
  font-weight: var(--tabs-trigger-font-weight);
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--tabs-transition-duration) var(--tabs-transition-ease), background-color var(--tabs-transition-duration) var(--tabs-transition-ease), box-shadow var(--tabs-transition-duration) var(--tabs-transition-ease);
}
.ms-tabs__trigger[data-v-7699dabd]:hover:not(:disabled) {
  color: var(--tabs-trigger-fg-hover);
}
.ms-tabs__trigger[data-v-7699dabd]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ms-tabs__trigger[data-v-7699dabd]:disabled {
  color: var(--tabs-trigger-fg-disabled);
  cursor: not-allowed;
}
.ms-tabs__trigger[data-v-7699dabd] svg {
  flex-shrink: 0;
  inline-size: var(--tabs-icon-size);
  block-size: var(--tabs-icon-size);
}
.ms-tabs__trigger[data-v-7699dabd] {
  /* ---- the two pill variants ---- */
}
.ms-tabs--segmented .ms-tabs__trigger[data-v-7699dabd], .ms-tabs--inline .ms-tabs__trigger[data-v-7699dabd] {
  font-size: var(--tabs-pill-trigger-font-size);
}
.ms-tabs--segmented .ms-tabs__trigger[data-v-7699dabd] {
  flex: 1 1 auto;
  border-radius: var(--tabs-segmented-trigger-radius);
}
.ms-tabs--inline .ms-tabs__trigger[data-v-7699dabd] {
  border-radius: var(--tabs-inline-trigger-radius);
}
.ms-tabs__trigger[data-v-7699dabd] {
  /* The trough used to imply that the whole row was reachable. */
}
.ms-tabs--inline .ms-tabs__trigger[data-v-7699dabd]:hover:not(:disabled):not([aria-selected=true]) {
  background: var(--tabs-inline-trigger-bg-hover);
  box-shadow: var(--ring-state);
}
.ms-tabs__trigger[data-v-7699dabd] {
  /* Raised: a surface, an edge and a shadow, not a tint. */
}
.ms-tabs--segmented .ms-tabs__trigger[aria-selected=true][data-v-7699dabd], .ms-tabs--inline .ms-tabs__trigger[aria-selected=true][data-v-7699dabd] {
  background: var(--tabs-raised-bg);
  color: var(--tabs-trigger-fg-selected);
  box-shadow: 0 0 0 1px var(--tabs-raised-border), var(--tabs-raised-shadow);
}
.ms-tabs--inline .ms-tabs__trigger[aria-selected=true][data-v-7699dabd] {
  background: var(--tabs-inline-trigger-bg-selected);
}
.ms-tabs--segmented .ms-tabs__trigger[aria-selected=true][data-v-7699dabd]:focus-visible, .ms-tabs--inline .ms-tabs__trigger[aria-selected=true][data-v-7699dabd]:focus-visible {
  box-shadow: 0 0 0 1px var(--tabs-raised-border), var(--tabs-raised-shadow), var(--focus-ring);
}
.ms-tabs--segmented .ms-tabs__trigger[aria-selected=true][data-v-7699dabd]:focus:not(:focus-visible), .ms-tabs--inline .ms-tabs__trigger[aria-selected=true][data-v-7699dabd]:focus:not(:focus-visible) {
  box-shadow: 0 0 0 1px var(--tabs-raised-border), var(--tabs-raised-shadow) !important;
}
.ms-tabs__trigger[data-v-7699dabd] {
  /* ---- underline ---- */
}
.ms-tabs--underline .ms-tabs__trigger[data-v-7699dabd] {
  padding: var(--tabs-underline-trigger-padding);
  border-radius: var(--tabs-underline-trigger-radius);
}
.ms-tabs__trigger[data-v-7699dabd] {
  /* The selected tab paints its own stretch of the rule the list is drawing. */
}
.ms-tabs--underline .ms-tabs__trigger[aria-selected=true][data-v-7699dabd] {
  color: var(--tabs-trigger-fg-selected);
}
.ms-tabs--underline .ms-tabs__trigger[aria-selected=true][data-v-7699dabd]::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  block-size: var(--tabs-underline-thickness);
  background: var(--tabs-underline-indicator);
}
.ms-tabs--vertical .ms-tabs__trigger[data-v-7699dabd] {
  justify-content: flex-start;
  text-align: start;
}
.ms-tabs--underline.ms-tabs--vertical .ms-tabs__trigger[aria-selected=true][data-v-7699dabd]::after {
  inset-inline: auto 0;
  inset-block: 0;
  inline-size: var(--tabs-underline-thickness);
  block-size: auto;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-61d679b5]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-61d679b5] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-61d679b5]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-61d679b5] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-61d679b5]:root,
body.dark[data-v-61d679b5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-61d679b5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-61d679b5]:root,
body.dark[data-v-61d679b5] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-61d679b5]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-61d679b5]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-61d679b5] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-tabs__content[data-v-61d679b5] {
  min-inline-size: 0;
}
.ms-tabs__content[data-v-61d679b5]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: var(--tabs-content-radius);
}
.ms-tabs--vertical .ms-tabs__content[data-v-61d679b5] {
  flex: 1 1 auto;
}
.ms-tabs__content[hidden][data-v-61d679b5] {
  display: none;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-75493c03]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-75493c03] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-75493c03]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-75493c03] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-75493c03]:root,
body.dark[data-v-75493c03] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-75493c03] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-75493c03]:root,
body.dark[data-v-75493c03] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-75493c03]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-75493c03]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-75493c03] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/* Every value here is an --input-* token, not a copy of one. */
.ms-textarea[data-v-75493c03] {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: var(--textarea-min-height);
  padding: var(--textarea-padding-block) var(--input-padding-inline);
  border: 1px solid var(--input-border);
  border-radius: var(--input-radius);
  background: var(--input-bg);
  color: var(--input-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  font-size: var(--input-font-size);
  line-height: var(--leading-normal);
  transition: border-color var(--input-transition-duration) var(--input-transition-ease), box-shadow var(--input-transition-duration) var(--input-transition-ease);
}
.ms-textarea[data-v-75493c03]::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-textarea[data-v-75493c03]::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-textarea[data-v-75493c03]::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-textarea[data-v-75493c03]::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-textarea[data-v-75493c03]::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
.ms-textarea[data-v-75493c03] {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.ms-textarea[data-v-75493c03]:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
}
}
.ms-textarea[data-v-75493c03]::placeholder {
  color: var(--input-placeholder-fg);
}
.ms-textarea[data-v-75493c03]:hover:not(:disabled):not(:focus) {
  border-color: var(--input-border-hover);
}
.ms-textarea[data-v-75493c03]:focus {
  outline: none;
  border-color: var(--input-border-focus);
  box-shadow: var(--input-focus-ring);
}
.ms-textarea[data-v-75493c03]:disabled {
  background: var(--input-disabled-bg);
  opacity: var(--input-disabled-opacity);
  cursor: not-allowed;
  /* A box that cannot be typed in should not offer to be dragged either. */
  resize: none;
}
.ms-textarea--invalid[data-v-75493c03] {
  border-color: var(--input-border-invalid);
}
.ms-textarea--invalid[data-v-75493c03]:focus {
  border-color: var(--input-border-invalid);
  box-shadow: var(--input-focus-ring-invalid);
}
.ms-textarea--resize-vertical[data-v-75493c03] {
  resize: vertical;
}
.ms-textarea--resize-none[data-v-75493c03] {
  resize: none;
}
.ms-textarea--sm[data-v-75493c03] {
  padding-inline: var(--input-padding-inline-sm);
  font-size: var(--input-font-size-sm);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-48c1140b]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-48c1140b] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-48c1140b]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-48c1140b] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-48c1140b]:root,
body.dark[data-v-48c1140b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-48c1140b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-48c1140b]:root,
body.dark[data-v-48c1140b] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-48c1140b]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-48c1140b]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-48c1140b] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-toast[data-v-48c1140b] {
  display: flex;
  align-items: center;
  gap: var(--toast-gap);
  inline-size: 100%;
  padding: var(--toast-padding);
  border: 1px solid var(--toast-border);
  border-radius: var(--toast-radius);
  background: var(--toast-bg);
  box-shadow: var(--toast-shadow);
  color: var(--toast-fg);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  text-align: start;
}
.ms-toast__icon[data-v-48c1140b] {
  flex-shrink: 0;
  inline-size: var(--toast-icon-size);
  block-size: var(--toast-icon-size);
}
.ms-toast__body[data-v-48c1140b] {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.ms-toast__title[data-v-48c1140b] {
  margin: 0;
  color: var(--toast-fg);
  font-size: var(--toast-title-font-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-snug);
}
.ms-toast__description[data-v-48c1140b] {
  margin: var(--sp-2) 0 0;
  color: var(--toast-description-fg);
  font-size: var(--toast-description-font-size);
  line-height: var(--leading-snug);
}
.ms-toast__action[data-v-48c1140b] {
  flex-shrink: 0;
  --btn-outline-bg: transparent;
  --btn-outline-bg-hover: var(--surface-contrast-raised);
  --btn-outline-border: color-mix(in srgb, var(--toast-fg) 30%, transparent);
  --btn-outline-fg: var(--toast-fg);
}
.ms-toast__close[data-v-48c1140b] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  inline-size: var(--toast-close-size);
  block-size: var(--toast-close-size);
  padding: 0;
  border: none;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--toast-close-fg);
  cursor: pointer;
}
.ms-toast__close[data-v-48c1140b]:hover {
  background: var(--toast-close-bg-hover);
  box-shadow: var(--ring-state);
  color: var(--toast-close-fg-hover);
}
.ms-toast__close[data-v-48c1140b]:focus-visible {
  outline: 2px solid currentcolor;
  outline-offset: 1px;
}
.ms-toast__close[data-v-48c1140b] svg {
  inline-size: 12px;
  block-size: 12px;
}
.ms-toast--success .ms-toast__icon[data-v-48c1140b] {
  color: var(--toast-success-fg);
}
.ms-toast--info .ms-toast__icon[data-v-48c1140b] {
  color: var(--toast-info-fg);
}
.ms-toast--warning .ms-toast__icon[data-v-48c1140b] {
  color: var(--toast-warning-fg);
}
.ms-toast--error .ms-toast__icon[data-v-48c1140b] {
  color: var(--toast-error-fg);
}
.ms-toast--loading .ms-toast__icon[data-v-48c1140b] {
  color: var(--toast-loading-fg);
  animation: ms-toast-spin-48c1140b var(--duration-700) var(--ease-linear) infinite;
}
@keyframes ms-toast-spin-48c1140b {
to {
    transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.ms-toast--loading .ms-toast__icon[data-v-48c1140b] {
    animation: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-697771d9]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-697771d9] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-697771d9]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-697771d9] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-697771d9]:root,
body.dark[data-v-697771d9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-697771d9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-697771d9]:root,
body.dark[data-v-697771d9] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-697771d9]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-697771d9]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-697771d9] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-toaster[data-v-697771d9] {
  position: fixed;
  inset-block-end: var(--toast-viewport-inset);
  inset-block-start: auto;
  inset-inline-end: auto;
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
  inset-inline-start: 50%;
  inline-size: min(var(--toast-width), 100vw - 2 * var(--toast-viewport-gutter));
  transform: translateX(-50%);
  z-index: var(--toast-z);
  block-size: 0;
  pointer-events: none;
}
.ms-toaster--surface[data-v-697771d9] {
  --toast-bg: var(--toast-surface-bg);
  --toast-border: var(--toast-surface-border);
  --toast-fg: var(--toast-surface-fg);
  --toast-description-fg: var(--toast-surface-description-fg);
  --toast-success-fg: var(--toast-surface-success-fg);
  --toast-info-fg: var(--toast-surface-info-fg);
  --toast-warning-fg: var(--toast-surface-warning-fg);
  --toast-error-fg: var(--toast-surface-error-fg);
  --toast-close-fg: var(--toast-surface-close-fg);
  --toast-close-fg-hover: var(--toast-surface-close-fg-hover);
  --toast-close-bg-hover: var(--toast-surface-close-bg-hover);
}
.ms-toaster__slot[data-v-697771d9] {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  transform-origin: bottom center;
  transition: transform var(--toast-move-duration) var(--toast-enter-ease), opacity var(--toast-move-duration) var(--toast-enter-ease);
  will-change: transform;
}

/* Entering and leaving. */
.ms-toaster__slot[data-v-697771d9] {
  animation: ms-toast-in-697771d9 var(--toast-enter-duration) var(--toast-enter-ease);
}
@keyframes ms-toast-in-697771d9 {
from {
    transform: translateY(100%);
    opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.ms-toaster__slot[data-v-697771d9] {
    animation: none;
}
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-f646748b]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-f646748b] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-f646748b]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-f646748b] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-f646748b]:root,
body.dark[data-v-f646748b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-f646748b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-f646748b]:root,
body.dark[data-v-f646748b] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-f646748b]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-f646748b]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-f646748b] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-toggle[data-v-f646748b] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: var(--toggle-gap);
  padding-inline: var(--toggle-padding-inline);
  border: 1px solid var(--toggle-border);
  border-radius: var(--toggle-radius);
  background: var(--toggle-bg);
  color: var(--toggle-fg);
  font-family: var(--font-family-sans);
  font-size: var(--toggle-font-size);
  font-weight: var(--toggle-font-weight);
  letter-spacing: var(--tracking-normal);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--toggle-transition-duration) var(--toggle-transition-ease), border-color var(--toggle-transition-duration) var(--toggle-transition-ease), color var(--toggle-transition-duration) var(--toggle-transition-ease);
  /* Slot content belongs to the parent scope, hence :deep. */
}
.ms-toggle[data-v-f646748b] svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: fill var(--toggle-transition-duration) var(--toggle-transition-ease);
}
.ms-toggle--fill-icon.ms-toggle--on[data-v-f646748b] svg {
  fill: currentcolor;
}
.ms-toggle[data-v-f646748b]:hover:not(:disabled) {
  background: var(--toggle-bg-hover);
  color: var(--toggle-fg-hover);
}
.ms-toggle[data-v-f646748b]:focus-visible {
  outline: none;
  box-shadow: var(--toggle-focus-ring);
}
.ms-toggle[data-v-f646748b]:disabled {
  opacity: var(--toggle-disabled-opacity);
  cursor: not-allowed;
}
.ms-toggle--size-xs[data-v-f646748b] {
  block-size: var(--toggle-height-xs);
  font-size: var(--toggle-font-size-xs);
}
.ms-toggle--size-sm[data-v-f646748b] {
  block-size: var(--toggle-height-sm);
}
.ms-toggle--size-default[data-v-f646748b] {
  block-size: var(--toggle-height);
}
.ms-toggle--size-lg[data-v-f646748b] {
  block-size: var(--toggle-height-lg);
}
.ms-toggle--size-icon-xs[data-v-f646748b], .ms-toggle--size-icon-sm[data-v-f646748b], .ms-toggle--size-icon[data-v-f646748b], .ms-toggle--size-icon-lg[data-v-f646748b] {
  padding-inline: 0;
}
.ms-toggle--size-icon-xs[data-v-f646748b] {
  inline-size: var(--toggle-height-xs);
  block-size: var(--toggle-height-xs);
}
.ms-toggle--size-icon-sm[data-v-f646748b] {
  inline-size: var(--toggle-height-sm);
  block-size: var(--toggle-height-sm);
}
.ms-toggle--size-icon[data-v-f646748b] {
  inline-size: var(--toggle-height);
  block-size: var(--toggle-height);
}
.ms-toggle--size-icon-lg[data-v-f646748b] {
  inline-size: var(--toggle-height-lg);
  block-size: var(--toggle-height-lg);
}
.ms-toggle--outline[data-v-f646748b] {
  border-color: var(--toggle-outline-border);
  background: var(--toggle-outline-bg);
}
.ms-toggle[data-v-f646748b] {
  /* Two classes, deliberately — see the note below on specificity. */
}
.ms-toggle.ms-toggle--on[data-v-f646748b] {
  background: var(--toggle-pressed-bg);
  color: var(--toggle-pressed-fg);
}
.ms-toggle.ms-toggle--on[data-v-f646748b]:hover:not(:disabled) {
  background: var(--toggle-pressed-bg-hover);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d72c482a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d72c482a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d72c482a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d72c482a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d72c482a]:root,
body.dark[data-v-d72c482a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d72c482a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d72c482a]:root,
body.dark[data-v-d72c482a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d72c482a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d72c482a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d72c482a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-toggle-group[data-v-d72c482a] {
  display: inline-flex;
  align-items: stretch;
}
.ms-toggle-group--horizontal[data-v-d72c482a] {
  flex-direction: row;
}
.ms-toggle-group--vertical[data-v-d72c482a] {
  flex-direction: column;
}
.ms-toggle-group--spacing-default[data-v-d72c482a] {
  gap: var(--toggle-group-gap);
}
.ms-toggle-group--spacing-none[data-v-d72c482a] .ms-toggle {
  border-radius: 0;
}
.ms-toggle-group--spacing-none[data-v-d72c482a] .ms-toggle--ghost {
  border-color: var(--toggle-group-divider);
}
.ms-toggle-group--spacing-none[data-v-d72c482a] .ms-toggle--on {
  position: relative;
  z-index: 1;
}
.ms-toggle-group--spacing-none.ms-toggle-group--horizontal[data-v-d72c482a] .ms-toggle {
  margin-inline-start: -1px;
}
.ms-toggle-group--spacing-none.ms-toggle-group--horizontal[data-v-d72c482a] >  *:first-child .ms-toggle, .ms-toggle-group--spacing-none.ms-toggle-group--horizontal[data-v-d72c482a] >  .ms-toggle:first-child {
  margin-inline-start: 0;
  border-start-start-radius: var(--toggle-group-connected-radius);
  border-end-start-radius: var(--toggle-group-connected-radius);
}
.ms-toggle-group--spacing-none.ms-toggle-group--horizontal[data-v-d72c482a] >  *:last-child .ms-toggle, .ms-toggle-group--spacing-none.ms-toggle-group--horizontal[data-v-d72c482a] >  .ms-toggle:last-child {
  border-start-end-radius: var(--toggle-group-connected-radius);
  border-end-end-radius: var(--toggle-group-connected-radius);
}
.ms-toggle-group--spacing-none.ms-toggle-group--vertical[data-v-d72c482a] .ms-toggle {
  margin-block-start: -1px;
}
.ms-toggle-group--spacing-none.ms-toggle-group--vertical[data-v-d72c482a] >  *:first-child .ms-toggle, .ms-toggle-group--spacing-none.ms-toggle-group--vertical[data-v-d72c482a] >  .ms-toggle:first-child {
  margin-block-start: 0;
  border-start-start-radius: var(--toggle-group-connected-radius);
  border-start-end-radius: var(--toggle-group-connected-radius);
}
.ms-toggle-group--spacing-none.ms-toggle-group--vertical[data-v-d72c482a] >  *:last-child .ms-toggle, .ms-toggle-group--spacing-none.ms-toggle-group--vertical[data-v-d72c482a] >  .ms-toggle:last-child {
  border-end-start-radius: var(--toggle-group-connected-radius);
  border-end-end-radius: var(--toggle-group-connected-radius);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d5f6dfac]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d5f6dfac] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d5f6dfac]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d5f6dfac] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d5f6dfac]:root,
body.dark[data-v-d5f6dfac] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d5f6dfac] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d5f6dfac]:root,
body.dark[data-v-d5f6dfac] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d5f6dfac]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d5f6dfac]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d5f6dfac] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-separator[data-v-d5f6dfac] {
  flex-shrink: 0;
  margin: 0;
  border: none;
  background: var(--separator-color);
}
.ms-separator--horizontal[data-v-d5f6dfac] {
  inline-size: 100%;
  block-size: var(--separator-thickness);
}
.ms-separator--vertical[data-v-d5f6dfac] {
  align-self: stretch;
  inline-size: var(--separator-thickness);
  /* For the case where there is no row to stretch inside. */
  min-block-size: var(--separator-vertical-min-height);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-249cbdf7]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-249cbdf7] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-249cbdf7]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-249cbdf7] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-249cbdf7]:root,
body.dark[data-v-249cbdf7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-249cbdf7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-249cbdf7]:root,
body.dark[data-v-249cbdf7] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-249cbdf7]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-249cbdf7]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-249cbdf7] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-ai-card[data-v-249cbdf7] {
  display: flex;
  flex-direction: column;
  gap: var(--ai-card-gap);
  min-inline-size: 0;
  padding: var(--ai-card-padding);
  background: var(--ai-card-bg);
  border: 1px solid var(--ai-card-border);
  border-radius: var(--ai-card-radius);
}
.ms-ai-card__head[data-v-249cbdf7] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  min-inline-size: 0;
  padding: 0;
  background: none;
  border: 0;
  text-align: start;
  cursor: pointer;
}
.ms-ai-card__head-line[data-v-249cbdf7] {
  display: flex;
  align-items: center;
  gap: var(--sp-8);
  min-inline-size: 0;
}
.ms-ai-card__mark[data-v-249cbdf7] {
  inline-size: var(--ai-card-mark-size);
  block-size: var(--ai-card-mark-size);
  flex: 0 0 auto;
  color: var(--ai-card-mark-fg);
}
.ms-ai-card__title[data-v-249cbdf7] {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow: hidden;
  color: var(--ai-card-title-fg);
  font-size: var(--ai-card-title-size);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-ai-card__summary[data-v-249cbdf7] {
  flex: 0 0 auto;
  color: var(--ai-card-summary-fg);
  font-size: var(--ai-card-summary-size);
}
.ms-ai-card[data-v-249cbdf7] {
  /* Under the title it has the whole width, so it wraps rather than truncating. */
}
.ms-ai-card__summary--under[data-v-249cbdf7] {
  white-space: normal;
}
.ms-ai-card__twist[data-v-249cbdf7] {
  inline-size: var(--ai-card-twist-size);
  block-size: var(--ai-card-twist-size);
  flex: 0 0 auto;
  color: var(--ai-card-twist-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-aa33ef70]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-aa33ef70] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-aa33ef70]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-aa33ef70] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-aa33ef70]:root,
body.dark[data-v-aa33ef70] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-aa33ef70] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-aa33ef70]:root,
body.dark[data-v-aa33ef70] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-aa33ef70]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-aa33ef70]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-aa33ef70] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-outline-card__section[data-v-aa33ef70] {
  display: flex;
  flex-direction: column;
  gap: var(--outline-card-row-gap);
  min-inline-size: 0;
  /* The group's colour, set once here and read by every title inside it. */
}
.ms-outline-card__section--info[data-v-aa33ef70] {
  --outline-card-row-fg: var(--info-text);
}
.ms-outline-card__section--success[data-v-aa33ef70] {
  --outline-card-row-fg: var(--success-text);
}
.ms-outline-card__section--warning[data-v-aa33ef70] {
  --outline-card-row-fg: var(--warning-text);
}
.ms-outline-card__section--danger[data-v-aa33ef70] {
  --outline-card-row-fg: var(--danger-text);
}
.ms-outline-card__section--accent[data-v-aa33ef70] {
  --outline-card-row-fg: var(--accent-text);
}
.ms-outline-card__band[data-v-aa33ef70] {
  display: flex;
  margin: 0;
  padding-block-end: var(--sp-6);
}
.ms-outline-card__heading[data-v-aa33ef70] {
  color: var(--outline-card-heading-fg);
  font-size: var(--outline-card-heading-size);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ms-outline-card__row[data-v-aa33ef70] {
  animation: ms-fade-rise var(--duration-200) var(--ease-out) both;
  animation-delay: min(var(--row-index, 0) * 45ms, 400ms);
  --row-mark: 0px;
  --row-twist: 0px;
  --row-box: 0px;
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  min-inline-size: 0;
  padding: var(--outline-card-row-padding);
  border-radius: var(--outline-card-row-radius);
  transition: background-color var(--duration-100) var(--ease-out);
}
.ms-outline-card__row[data-v-aa33ef70]:hover {
  background: var(--outline-card-row-bg-hover);
}
.ms-outline-card__row[data-v-aa33ef70]:has(.ms-outline-card__kids):hover {
  background: none;
}
.ms-outline-card__row--swatch[data-v-aa33ef70] {
  --row-mark: calc(var(--swatch-size-default) + var(--sp-6));
}
.ms-outline-card__row--icon[data-v-aa33ef70] {
  --row-mark: calc(var(--sp-14) + var(--sp-6));
}
.ms-outline-card__row--foldable[data-v-aa33ef70] {
  --row-twist: calc(var(--outline-card-twist-size) + var(--sp-6));
}
.ms-outline-card__row--picking[data-v-aa33ef70] {
  --row-box: calc(var(--checkbox-size) + var(--sp-6));
}
.ms-outline-card__line[data-v-aa33ef70] {
  display: flex;
  align-items: center;
  gap: var(--sp-6);
  min-inline-size: 0;
}
.ms-outline-card__main[data-v-aa33ef70] {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--sp-6);
  min-inline-size: 0;
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: start;
}
button.ms-outline-card__main[data-v-aa33ef70] {
  cursor: pointer;
}
.ms-outline-card__twisty[data-v-aa33ef70] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  inline-size: var(--outline-card-twist-size);
  block-size: var(--outline-card-twist-size);
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
.ms-outline-card__box[data-v-aa33ef70] {
  flex: 0 0 auto;
}
.ms-outline-card__twist[data-v-aa33ef70] {
  flex: 0 0 auto;
  inline-size: var(--outline-card-twist-size);
  block-size: var(--outline-card-twist-size);
  color: var(--outline-card-twist-fg);
  transition: transform var(--duration-150) var(--ease-out);
}
.ms-outline-card__twist--open[data-v-aa33ef70] {
  transform: rotate(90deg);
}
.ms-outline-card__twist[data-v-aa33ef70] {
  /* Logical, so the shut state points into the text in either direction. */
}
[dir=rtl] .ms-outline-card__twist[data-v-aa33ef70] {
  transform: rotate(180deg);
}
[dir=rtl] .ms-outline-card__twist--open[data-v-aa33ef70] {
  transform: rotate(90deg);
}
.ms-outline-card__mark[data-v-aa33ef70] {
  inline-size: 14px;
  block-size: 14px;
  flex: 0 0 auto;
  color: var(--fg-muted);
}
.ms-outline-card__name[data-v-aa33ef70] {
  min-inline-size: 0;
  overflow: hidden;
  color: var(--outline-card-row-fg);
  font-size: var(--outline-card-row-size);
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-outline-card__gap[data-v-aa33ef70] {
  flex: 1 1 auto;
}
.ms-outline-card__count[data-v-aa33ef70] {
  flex: 0 0 auto;
  color: var(--outline-card-meta-fg);
  font-size: var(--outline-card-meta-size);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ms-outline-card__badge[data-v-aa33ef70] {
  flex: 0 0 auto;
  padding-inline: var(--sp-6);
  background: var(--surface-sunken);
  border-radius: var(--radius-xs);
  color: var(--fg-secondary);
  font-size: var(--font-size-11);
  font-weight: var(--font-weight-regular);
  line-height: 1.8;
  white-space: nowrap;
}
.ms-outline-card__badge--info[data-v-aa33ef70] {
  background: var(--info-subtle);
  color: var(--info-text);
}
.ms-outline-card__badge--success[data-v-aa33ef70] {
  background: var(--success-subtle);
  color: var(--success-text);
}
.ms-outline-card__badge--warning[data-v-aa33ef70] {
  background: var(--warning-subtle);
  color: var(--warning-text);
}
.ms-outline-card__badge--danger[data-v-aa33ef70] {
  background: var(--danger-subtle);
  color: var(--danger-text);
}
.ms-outline-card__badge--accent[data-v-aa33ef70] {
  background: var(--accent-subtle);
  color: var(--accent-text);
}
.ms-outline-card__under[data-v-aa33ef70] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-8);
  min-inline-size: 0;
  padding-inline-start: 0;
}
.ms-outline-card__text[data-v-aa33ef70] {
  margin: 0;
  color: var(--outline-card-text-fg);
  font-size: var(--outline-card-text-size);
  line-height: var(--outline-card-text-leading);
}
.ms-outline-card__was[data-v-aa33ef70] {
  margin: 0;
  color: var(--outline-card-meta-fg);
  font-size: var(--outline-card-text-size);
  line-height: var(--outline-card-text-leading);
  text-decoration: line-through;
  text-decoration-color: var(--outline-card-meta-fg);
}
.ms-outline-card__quote[data-v-aa33ef70] {
  margin: 0;
  padding: var(--sp-10) var(--sp-12);
  background: var(--outline-card-quote-bg);
  border-inline-start: 2px solid var(--outline-card-quote-rule);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: var(--outline-card-quote-fg);
  font-size: var(--outline-card-text-size);
  font-style: italic;
  line-height: var(--outline-card-text-leading);
}
.ms-outline-card__meta[data-v-aa33ef70] {
  margin: 0;
  color: var(--outline-card-meta-fg);
  font-size: var(--outline-card-meta-size);
}
.ms-outline-card__open[data-v-aa33ef70] {
  margin: 0;
  padding-inline-start: var(--sp-16);
  color: var(--outline-card-open-fg);
  font-size: var(--outline-card-open-size);
  line-height: 1.5;
}
.ms-outline-card__kids[data-v-aa33ef70] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
  min-inline-size: 0;
}
.ms-outline-card__inline[data-v-aa33ef70] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-4) var(--sp-6);
  margin: 0;
  padding-inline: var(--outline-card-text-inset);
  color: var(--outline-card-meta-fg);
  font-size: var(--outline-card-text-size);
  line-height: 1.6;
}
.ms-outline-card__inline-item[data-v-aa33ef70] {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-4);
  white-space: nowrap;
}
.ms-outline-card__inline-mark[data-v-aa33ef70] {
  inline-size: 12px;
  block-size: 12px;
  flex: 0 0 auto;
  color: var(--fg-muted);
}

/* Still visible, just still. */
@media (prefers-reduced-motion: reduce) {
.ms-outline-card__row[data-v-aa33ef70] {
    animation: none;
}
}
/* The word over a list of child rows, and the only block label left. */
.ms-outline-card__kids-label[data-v-aa33ef70] {
  margin: 0;
  color: var(--outline-card-label-fg);
  font-size: var(--outline-card-label-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-66e774c9]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-66e774c9] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-66e774c9]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-66e774c9] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-66e774c9]:root,
body.dark[data-v-66e774c9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-66e774c9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-66e774c9]:root,
body.dark[data-v-66e774c9] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-66e774c9]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-66e774c9]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-66e774c9] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-outline-card[data-v-66e774c9] {
  /* ---- while it fills ---- */
}
.ms-outline-card__bar[data-v-66e774c9] {
  display: inline-block;
  max-inline-size: 100%;
  background: var(--skeleton-bg);
  border-radius: var(--skeleton-text-radius);
  color: transparent;
  white-space: nowrap;
  animation: ms-skeleton-pulse var(--skeleton-duration) var(--skeleton-ease) infinite;
}
.ms-outline-card[data-v-66e774c9] {
  /* Still visible, just still. */
}
@media (prefers-reduced-motion: reduce) {
.ms-outline-card__bar[data-v-66e774c9] {
    animation: none;
}
}
.ms-outline-card[data-v-66e774c9] {
  /* No gap: the spacing lives inside each part, so it unfolds with it. */
}
.ms-outline-card__wait[data-v-66e774c9] {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.ms-outline-card__part[data-v-66e774c9] {
  display: grid;
  grid-template-rows: 1fr;
  min-inline-size: 0;
}
.ms-outline-card__part[data-v-66e774c9] > * {
  min-block-size: 0;
  padding-block-start: var(--sp-12);
  overflow: hidden;
}
.ms-outline-card .ms-outline-card-part-enter-active[data-v-66e774c9] {
  transition: grid-template-rows var(--duration-300) var(--ease-out);
}
.ms-outline-card .ms-outline-card-part-enter-active[data-v-66e774c9] > * {
  transition: opacity var(--duration-200) var(--ease-out), transform var(--duration-200) var(--ease-out);
}
.ms-outline-card .ms-outline-card-part-enter-from[data-v-66e774c9] {
  grid-template-rows: 0fr;
}
.ms-outline-card .ms-outline-card-part-enter-from[data-v-66e774c9] > * {
  opacity: 0;
  transform: translateY(-4px);
}
@media (prefers-reduced-motion: reduce) {
.ms-outline-card .ms-outline-card-part-enter-active[data-v-66e774c9],
  .ms-outline-card .ms-outline-card-part-enter-active[data-v-66e774c9] > * {
    transition: none;
}
}
.ms-outline-card__wait-tabs[data-v-66e774c9] {
  display: flex;
  gap: var(--sp-8);
  min-inline-size: 0;
  flex-wrap: wrap;
}
.ms-outline-card__bar--tab[data-v-66e774c9] {
  flex: 0 0 auto;
  padding: var(--tabs-trigger-padding);
  border-radius: var(--tabs-inline-trigger-radius);
  font-size: var(--tabs-trigger-font-size);
}
.ms-outline-card__wait-group[data-v-66e774c9] {
  display: flex;
  flex-direction: column;
  gap: var(--outline-card-row-gap);
  min-inline-size: 0;
}
.ms-outline-card__bar--head[data-v-66e774c9] {
  align-self: flex-start;
  margin-block: 0.4em var(--sp-10);
  font-size: var(--outline-card-heading-size);
  line-height: 0.7;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ms-outline-card__wait-row[data-v-66e774c9] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  min-inline-size: 0;
  padding: var(--outline-card-row-padding);
}
.ms-outline-card__wait-line[data-v-66e774c9] {
  display: flex;
  align-items: center;
  gap: var(--sp-6);
  min-inline-size: 0;
}
.ms-outline-card__bar--mark[data-v-66e774c9] {
  flex: 0 0 auto;
  inline-size: 14px;
  block-size: 14px;
  border-radius: var(--radius-xs);
}
.ms-outline-card__bar--title[data-v-66e774c9] {
  min-inline-size: 0;
  overflow: hidden;
  margin-block: 0.375em;
  font-size: var(--outline-card-row-size);
  font-weight: var(--font-weight-semibold);
  line-height: 0.5;
}
.ms-outline-card__wait-under[data-v-66e774c9] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  min-inline-size: 0;
  padding-inline-start: calc(14px + var(--sp-6));
}
.ms-outline-card__bar--text[data-v-66e774c9] {
  display: block;
  block-size: 0.5em;
  margin-block: 0.28em;
  font-size: var(--outline-card-text-size);
  border-radius: var(--skeleton-text-radius);
}
.ms-outline-card__bar--part[data-v-66e774c9] {
  inline-size: 42%;
}
.ms-outline-card__tabs[data-v-66e774c9] .ms-tabs__list {
  inline-size: 100%;
  flex-wrap: wrap;
  overflow-x: visible;
}
.ms-outline-card[data-v-66e774c9] {
  /* ---- the stack, for a card too narrow to wear a strip ---- */
}
.ms-outline-card__stack[data-v-66e774c9] {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.ms-outline-card__stack-head[data-v-66e774c9] {
  display: flex;
  align-items: center;
  gap: var(--sp-6);
  inline-size: 100%;
  min-inline-size: 0;
  padding: var(--sp-8) 0;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.ms-outline-card__stack-head[data-v-66e774c9]:disabled {
  cursor: default;
}
.ms-outline-card__stack-name[data-v-66e774c9] {
  min-inline-size: 0;
  overflow: hidden;
  color: var(--outline-card-row-fg);
  font-size: var(--outline-card-row-size);
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ms-outline-card__gap[data-v-66e774c9] {
  flex: 1 1 auto;
}
.ms-outline-card__stack-item .ms-outline-card__body[data-v-66e774c9] {
  padding-block: var(--sp-2) var(--sp-12);
}
.ms-outline-card__tab[data-v-66e774c9] {
  --outline-card-accent-fg: var(--fg-primary);
  white-space: nowrap;
}
.ms-outline-card__tab--info[data-v-66e774c9] {
  --outline-card-accent-fg: var(--info-text);
}
.ms-outline-card__tab--success[data-v-66e774c9] {
  --outline-card-accent-fg: var(--success-text);
}
.ms-outline-card__tab--warning[data-v-66e774c9] {
  --outline-card-accent-fg: var(--warning-text);
}
.ms-outline-card__tab--danger[data-v-66e774c9] {
  --outline-card-accent-fg: var(--danger-text);
}
.ms-outline-card__tab--accent[data-v-66e774c9] {
  --outline-card-accent-fg: var(--accent-text);
}
.ms-outline-card__count[data-v-66e774c9] {
  min-inline-size: var(--sp-14);
  padding-inline: var(--sp-4);
  background: var(--surface-sunken);
  border-radius: var(--radius-pill);
  color: var(--fg-muted);
  font-size: var(--font-size-11);
  font-variant-numeric: tabular-nums;
  line-height: var(--sp-14);
  text-align: center;
}
.ms-outline-card__waiting[data-v-66e774c9] {
  inline-size: 12px;
  block-size: 12px;
  flex: 0 0 auto;
  color: var(--fg-faint);
  animation: ms-ai-turn var(--outline-card-waiting-duration) infinite;
}
@media (prefers-reduced-motion: reduce) {
.ms-outline-card__waiting[data-v-66e774c9] {
    animation: none;
}
}
.ms-outline-card__foot[data-v-66e774c9] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
  align-items: flex-start;
  min-inline-size: 0;
  padding: var(--sp-12) var(--ai-card-padding) var(--sp-14);
  margin-block-start: var(--sp-4);
  margin-inline: calc(var(--ai-card-padding) * -1);
  margin-block-end: calc(var(--ai-card-padding) * -1);
  background: var(--outline-card-foot-bg);
  border-block-start: 1px solid var(--ai-card-border);
  border-end-start-radius: var(--ai-card-radius);
  border-end-end-radius: var(--ai-card-radius);
}
.ms-outline-card__foot-label[data-v-66e774c9] {
  margin: 0;
  color: var(--outline-card-label-fg);
  font-size: var(--outline-card-label-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.ms-outline-card__foot-list[data-v-66e774c9] {
  margin: 0;
  padding-inline-start: var(--sp-16);
  color: var(--outline-card-text-fg);
  font-size: var(--outline-card-open-size);
  line-height: 1.6;
}
.ms-outline-card__foot-more[data-v-66e774c9] {
  padding: 0;
  background: none;
  border: 0;
  color: var(--accent-text);
  font-size: var(--outline-card-label-size);
  cursor: pointer;
}
.ms-outline-card__foot-more[data-v-66e774c9]:hover {
  text-decoration: underline;
}
.ms-outline-card__body[data-v-66e774c9] {
  display: flex;
  flex-direction: column;
  gap: var(--outline-card-section-gap);
  padding: 0;
}
.ms-outline-card__tab[aria-selected=true] .ms-outline-card__count[data-v-66e774c9] {
  background: color-mix(in oklab, var(--outline-card-accent-fg) 12%, transparent);
  color: var(--outline-card-accent-fg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-54c158eb]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-54c158eb] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-54c158eb]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-54c158eb] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-54c158eb]:root,
body.dark[data-v-54c158eb] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-54c158eb] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-54c158eb]:root,
body.dark[data-v-54c158eb] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-54c158eb]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-54c158eb]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-54c158eb] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-content-card__method[data-v-54c158eb] {
  flex: 0 0 auto;
  padding-inline: var(--sp-6);
  background: var(--surface-sunken);
  border-radius: var(--radius-xs);
  color: var(--content-card-meta-fg);
  font-size: var(--font-size-11);
  line-height: 1.8;
  white-space: nowrap;
}
.ms-content-card__meta[data-v-54c158eb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-6);
  min-inline-size: 0;
  color: var(--content-card-meta-fg);
  font-size: var(--content-card-meta-size);
}
.ms-content-card__target[data-v-54c158eb] {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-4);
}
.ms-content-card__target-mark[data-v-54c158eb] {
  inline-size: 12px;
  block-size: 12px;
  flex: 0 0 auto;
}
.ms-content-card[data-v-54c158eb] {
  /* ---- while it writes ---- */
}
.ms-content-card__wait[data-v-54c158eb] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  min-inline-size: 0;
  font-size: var(--content-card-font-size);
  line-height: var(--content-card-line-height);
}
.ms-content-card[data-v-54c158eb] {
  /* ---- the writing ---- */
}
.ms-content-card__body[data-v-54c158eb] {
  min-inline-size: 0;
  color: var(--content-card-fg);
  font-size: var(--content-card-font-size);
  line-height: var(--content-card-line-height);
}
.ms-content-card__body[data-v-54c158eb] p,
.ms-content-card__body[data-v-54c158eb] li,
.ms-content-card__body[data-v-54c158eb] h1,
.ms-content-card__body[data-v-54c158eb] h2,
.ms-content-card__body[data-v-54c158eb] h3,
.ms-content-card__body[data-v-54c158eb] h4,
.ms-content-card__body[data-v-54c158eb] blockquote,
.ms-content-card__body[data-v-54c158eb] th,
.ms-content-card__body[data-v-54c158eb] td,
.ms-content-card__body[data-v-54c158eb] code,
.ms-content-card__body[data-v-54c158eb] pre {
  color: inherit;
  font-size: inherit;
}
.ms-content-card__body[data-v-54c158eb] > :first-child {
  margin-block-start: 0;
}
.ms-content-card__body[data-v-54c158eb] > :last-child {
  margin-block-end: 0;
}
.ms-content-card__body[data-v-54c158eb] p {
  margin-block: var(--sp-10);
}
.ms-content-card__body[data-v-54c158eb] h1,
.ms-content-card__body[data-v-54c158eb] h2,
.ms-content-card__body[data-v-54c158eb] h3,
.ms-content-card__body[data-v-54c158eb] h4 {
  margin-block: var(--sp-16) var(--sp-8);
  font-size: var(--content-card-font-size);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
}
.ms-content-card__body[data-v-54c158eb] ul,
.ms-content-card__body[data-v-54c158eb] ol {
  margin-block: var(--sp-10);
  padding-inline-start: var(--sp-20);
}
.ms-content-card__body[data-v-54c158eb] li {
  margin-block: var(--sp-4);
}
.ms-content-card__body[data-v-54c158eb] strong {
  font-weight: var(--font-weight-semibold);
}
.ms-content-card__body[data-v-54c158eb] em {
  font-style: italic;
}
.ms-content-card__body[data-v-54c158eb] a {
  color: var(--fg-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ms-content-card__body[data-v-54c158eb] code {
  padding: 0.1em 0.3em;
  background: var(--chat-message-code-bg);
  border-radius: var(--radius-xs);
  font-family: var(--font-family-mono);
  font-size: 0.9em;
}
.ms-content-card__body[data-v-54c158eb] blockquote {
  margin-block: var(--sp-10);
  padding-inline-start: var(--sp-12);
  border-inline-start: 2px solid var(--chat-message-quote-border);
  color: var(--fg-secondary);
}
.ms-content-card[data-v-54c158eb] {
  /* ---- a list the card draws ---- */
}
.ms-content-card__list[data-v-54c158eb] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
  min-inline-size: 0;
}
.ms-content-card__label[data-v-54c158eb] {
  margin: 0;
  color: var(--content-card-label-fg);
  font-size: var(--content-card-label-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.ms-content-card__items[data-v-54c158eb] {
  display: flex;
  flex-direction: column;
  gap: var(--sp-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ms-content-card__item[data-v-54c158eb] {
  display: flex;
  gap: var(--content-card-tick-gap);
  min-inline-size: 0;
  color: var(--content-card-fg);
  font-size: var(--content-card-font-size);
  line-height: var(--content-card-line-height);
}
.ms-content-card__tick[data-v-54c158eb] {
  flex: 0 0 auto;
  inline-size: var(--content-card-tick-size);
  block-size: var(--content-card-tick-size);
  margin-block-start: 0.2em;
  background: var(--content-card-tick-bg);
  border: 1px solid var(--content-card-tick-border);
  border-radius: var(--content-card-tick-radius);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ce384459]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ce384459] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ce384459]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ce384459] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ce384459]:root,
body.dark[data-v-ce384459] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ce384459] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ce384459]:root,
body.dark[data-v-ce384459] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ce384459]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ce384459]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ce384459] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-chat-message[data-v-ce384459] {
  display: flex;
  flex-direction: column;
  gap: var(--chat-message-gap);
  min-inline-size: 0;
  /* The question: contained, tinted, and pushed to the side the reader writes from. */
}
.ms-chat-message--user[data-v-ce384459] {
  align-items: flex-end;
}
.ms-chat-message--user .ms-chat-message__body[data-v-ce384459] {
  max-inline-size: var(--chat-bubble-max-inline-size);
  padding: var(--chat-bubble-padding-block) var(--chat-bubble-padding-inline);
  background: var(--chat-bubble-bg);
  color: var(--chat-bubble-fg);
  border-radius: var(--chat-bubble-radius);
}
.ms-chat-message--user .ms-chat-message__attachments[data-v-ce384459],
.ms-chat-message--user .ms-chat-message__footer[data-v-ce384459] {
  max-inline-size: var(--chat-bubble-max-inline-size);
}
.ms-chat-message[data-v-ce384459] {
  /* The answer: no box, the full column, the page's own colour. */
}
.ms-chat-message--assistant[data-v-ce384459] {
  align-items: flex-start;
}
.ms-chat-message__body[data-v-ce384459] {
  min-inline-size: 0;
  color: var(--fg-primary);
  font-size: var(--chat-message-font-size);
  line-height: var(--chat-message-line-height);
  overflow-wrap: anywhere;
}
.ms-chat-message__attachments[data-v-ce384459] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-6);
  min-inline-size: 0;
}
.ms-chat-message__footer[data-v-ce384459] {
  display: flex;
  align-items: center;
  gap: var(--sp-8);
  color: var(--chat-message-hint-fg);
  font-size: var(--chat-message-hint-size);
}
.ms-chat-message__footer--held[data-v-ce384459] {
  min-block-size: var(--chat-message-actions-block-size);
}
.ms-chat-message__hint[data-v-ce384459] {
  min-inline-size: 0;
}
.ms-chat-message__reveal[data-v-ce384459] {
  display: flex;
  align-items: center;
  gap: var(--sp-8);
  opacity: 0;
  transition: opacity var(--chat-message-actions-fade) var(--ease-out);
  pointer-events: none;
}
.ms-chat-message[data-v-ce384459] {
  /* Three ways in: the pointer, the keyboard, and a turn that was told to keep them. */
}
.ms-chat-message:hover .ms-chat-message__reveal[data-v-ce384459], .ms-chat-message__reveal--visible[data-v-ce384459], .ms-chat-message:focus-within .ms-chat-message__reveal[data-v-ce384459] {
  opacity: 1;
  pointer-events: auto;
}
.ms-chat-message__meta[data-v-ce384459] {
  white-space: nowrap;
}
.ms-chat-message__actions[data-v-ce384459] {
  /* Written over for the marks in this row alone — see the note in chat-message.css. */
  --btn-icon-size: var(--chat-message-actions-icon-size);
  display: flex;
  align-items: center;
  gap: var(--chat-message-actions-gap);
}
.ms-chat-message__body[data-v-ce384459] p,
.ms-chat-message__body[data-v-ce384459] li,
.ms-chat-message__body[data-v-ce384459] h1,
.ms-chat-message__body[data-v-ce384459] h2,
.ms-chat-message__body[data-v-ce384459] h3,
.ms-chat-message__body[data-v-ce384459] h4,
.ms-chat-message__body[data-v-ce384459] blockquote,
.ms-chat-message__body[data-v-ce384459] th,
.ms-chat-message__body[data-v-ce384459] td,
.ms-chat-message__body[data-v-ce384459] code,
.ms-chat-message__body[data-v-ce384459] pre {
  color: inherit;
  font-size: inherit;
}
.ms-chat-message__body[data-v-ce384459] > :first-child {
  margin-block-start: 0;
}
.ms-chat-message__body[data-v-ce384459] > :last-child {
  margin-block-end: 0;
}
.ms-chat-message__body[data-v-ce384459] p {
  margin-block: var(--sp-8);
}
.ms-chat-message__body[data-v-ce384459] h1,
.ms-chat-message__body[data-v-ce384459] h2,
.ms-chat-message__body[data-v-ce384459] h3,
.ms-chat-message__body[data-v-ce384459] h4 {
  margin-block: var(--sp-16) var(--sp-8);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
}
.ms-chat-message__body[data-v-ce384459] ul,
.ms-chat-message__body[data-v-ce384459] ol {
  margin-block: var(--sp-8);
  padding-inline-start: var(--sp-20);
}
.ms-chat-message__body[data-v-ce384459] li {
  margin-block: var(--sp-4);
}
.ms-chat-message__body[data-v-ce384459] li > ul,
.ms-chat-message__body[data-v-ce384459] li > ol {
  margin-block: var(--sp-4);
}
.ms-chat-message__body[data-v-ce384459] a {
  color: var(--fg-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ms-chat-message__body[data-v-ce384459] strong {
  font-weight: var(--font-weight-semibold);
}
.ms-chat-message__body[data-v-ce384459] code {
  padding: 0.1em 0.35em;
  background: var(--chat-message-code-bg);
  border-radius: var(--radius-xs);
  font-family: var(--font-family-mono);
  font-size: 0.875em;
}
.ms-chat-message__body[data-v-ce384459] pre {
  margin-block: var(--sp-12);
  padding: var(--sp-12);
  overflow-x: auto;
  background: var(--chat-message-code-bg);
  border-radius: var(--radius-md);
}
.ms-chat-message__body[data-v-ce384459] pre code {
  padding: 0;
  background: none;
  font-size: 0.875em;
}
.ms-chat-message__body[data-v-ce384459] blockquote {
  margin-block: var(--sp-12);
  margin-inline: 0;
  padding-inline-start: var(--sp-12);
  border-inline-start: 2px solid var(--chat-message-quote-border);
  color: var(--fg-secondary);
}
.ms-chat-message__body[data-v-ce384459] table {
  display: block;
  margin-block: var(--sp-12);
  overflow-x: auto;
  border-collapse: collapse;
}
.ms-chat-message__body[data-v-ce384459] th,
.ms-chat-message__body[data-v-ce384459] td {
  padding: var(--sp-6) var(--sp-10);
  text-align: start;
  border-block-end: 1px solid var(--chat-message-rule);
}
.ms-chat-message__body[data-v-ce384459] th {
  color: var(--fg-muted);
  font-weight: var(--font-weight-medium);
}
.ms-chat-message__body[data-v-ce384459] hr {
  margin-block: var(--sp-16);
  border: 0;
  border-block-start: 1px solid var(--chat-message-rule);
}
.ms-chat-message__body[data-v-ce384459] img {
  max-inline-size: 100%;
  border-radius: var(--radius-md);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-f19aafa1]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-f19aafa1] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-f19aafa1]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-f19aafa1] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-f19aafa1]:root,
body.dark[data-v-f19aafa1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-f19aafa1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-f19aafa1]:root,
body.dark[data-v-f19aafa1] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-f19aafa1]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-f19aafa1]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-f19aafa1] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-thinking[data-v-f19aafa1] {
  display: inline-flex;
  align-items: center;
  gap: var(--thinking-gap);
  min-inline-size: 0;
}
.ms-thinking__mark[data-v-f19aafa1] {
  inline-size: var(--thinking-mark-size);
  block-size: var(--thinking-mark-size);
  flex: 0 0 auto;
  color: var(--thinking-mark-fg);
  animation: ms-ai-turn var(--thinking-turn-duration) infinite;
}
.ms-thinking__phrases[data-v-f19aafa1] {
  position: relative;
  display: flex;
  min-inline-size: 0;
}
.ms-thinking__phase[data-v-f19aafa1] {
  min-inline-size: 0;
  overflow: hidden;
  font-size: var(--thinking-phase-size);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--thinking-phase-fg);
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
.ms-thinking__phase[data-v-f19aafa1] {
    background-image: linear-gradient(100deg, var(--thinking-sweep-dim) 42%, var(--thinking-sweep-fg) 50%, var(--thinking-sweep-dim) 58%);
    background-size: var(--thinking-sweep-spread) 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: ms-text-sweep var(--thinking-sweep-duration) linear infinite;
}
}
.ms-thinking__phase[data-v-f19aafa1] {
  /* The light travels with the reading, so it turns round with it. */
}
[dir=rtl] .ms-thinking__phase[data-v-f19aafa1] {
  animation-direction: reverse;
}
.ms-thinking__timer[data-v-f19aafa1] {
  flex: 0 0 auto;
  color: var(--thinking-timer-fg);
  font-size: var(--thinking-timer-size);
  font-variant-numeric: tabular-nums;
  animation: ms-thinking-arrive-f19aafa1 var(--thinking-phase-fade) var(--ease-out);
}
.ms-thinking-phase-enter-active[data-v-f19aafa1],
.ms-thinking-phase-leave-active[data-v-f19aafa1] {
  transition: opacity var(--thinking-phase-fade) var(--ease-out), transform var(--thinking-phase-fade) var(--ease-out);
}
.ms-thinking-phase-leave-active[data-v-f19aafa1] {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: max-content;
  pointer-events: none;
}
.ms-thinking-phase-enter-from[data-v-f19aafa1] {
  opacity: 0;
  transform: translateY(var(--thinking-phase-shift));
}
.ms-thinking-phase-leave-to[data-v-f19aafa1] {
  opacity: 0;
  transform: translateY(calc(var(--thinking-phase-shift) * -1));
}

/* The clock has no predecessor to cross with — it simply turns up. */
@keyframes ms-thinking-arrive-f19aafa1 {
from {
    opacity: 0;
    transform: translateY(2px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.ms-thinking__mark[data-v-f19aafa1] {
    animation: none;
}
.ms-thinking__phase[data-v-f19aafa1] {
    background-image: none;
    color: var(--thinking-phase-fg);
    animation: none;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-68646f8f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-68646f8f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-68646f8f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-68646f8f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-68646f8f]:root,
body.dark[data-v-68646f8f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-68646f8f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-68646f8f]:root,
body.dark[data-v-68646f8f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-68646f8f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-68646f8f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-68646f8f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-radio-group[data-v-68646f8f] {
  display: flex;
}
.ms-radio-group--vertical[data-v-68646f8f] {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--radio-group-gap);
}
.ms-radio-group--horizontal[data-v-68646f8f] {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--radio-group-gap-horizontal);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-3f21f223]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-3f21f223] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-3f21f223]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-3f21f223] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-3f21f223]:root,
body.dark[data-v-3f21f223] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-3f21f223] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-3f21f223]:root,
body.dark[data-v-3f21f223] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-3f21f223]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-3f21f223]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-3f21f223] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ms-radio[data-v-3f21f223] {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  gap: var(--radio-gap);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
  cursor: pointer;
}
.ms-radio--disabled[data-v-3f21f223] {
  opacity: var(--radio-disabled-opacity);
  cursor: not-allowed;
}
.ms-radio__input[data-v-3f21f223] {
  position: absolute;
  inline-size: var(--radio-size);
  block-size: var(--radio-size);
  margin: 0;
  opacity: 0;
  cursor: inherit;
}
.ms-radio__control[data-v-3f21f223] {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  inline-size: var(--radio-size);
  block-size: var(--radio-size);
  margin-block-start: 0.125em;
  border: 1px solid var(--radio-border);
  border-radius: var(--radius-full);
  background: var(--radio-bg);
  transition: background-color var(--radio-transition-duration) var(--radio-transition-ease), border-color var(--radio-transition-duration) var(--radio-transition-ease), box-shadow var(--radio-transition-duration) var(--radio-transition-ease);
}
.ms-radio__control[data-v-3f21f223]::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  inline-size: var(--radio-dot-size);
  block-size: var(--radio-dot-size);
  border-radius: var(--radius-full);
  background: var(--radio-dot-fg);
  transform: translate(-50%, -50%) scale(0);
  transition: transform var(--radio-transition-duration) var(--radio-transition-ease);
}
.ms-radio[data-v-3f21f223] {
  /* State comes off the input, so the platform stays the source of truth. */
}
.ms-radio__input:checked + .ms-radio__control[data-v-3f21f223] {
  background: var(--radio-bg-selected);
  border-color: var(--radio-border-selected);
}
.ms-radio__input:checked + .ms-radio__control[data-v-3f21f223]::after {
  transform: translate(-50%, -50%) scale(1);
}
.ms-radio__input:focus-visible + .ms-radio__control[data-v-3f21f223] {
  outline: none;
  box-shadow: var(--radio-focus-ring);
}
.ms-radio:hover .ms-radio__input:not(:disabled) + .ms-radio__control[data-v-3f21f223] {
  border-color: var(--radio-border-hover);
}
.ms-radio:hover .ms-radio__input:not(:disabled):checked + .ms-radio__control[data-v-3f21f223] {
  background: var(--radio-bg-selected-hover);
  border-color: var(--radio-bg-selected-hover);
}
.ms-radio--invalid .ms-radio__input + .ms-radio__control[data-v-3f21f223] {
  border-color: var(--radio-border-invalid);
}
.ms-radio--invalid .ms-radio__input:checked + .ms-radio__control[data-v-3f21f223] {
  background: var(--radio-bg-invalid-selected);
  border-color: var(--radio-bg-invalid-selected);
}
.ms-radio--invalid .ms-radio__label[data-v-3f21f223] {
  color: var(--radio-label-fg-invalid);
}
.ms-radio__text[data-v-3f21f223] {
  display: flex;
  flex-direction: column;
  gap: var(--radio-text-gap);
}
.ms-radio__label[data-v-3f21f223] {
  color: var(--radio-label-fg);
  font-size: var(--radio-label-font-size);
  font-weight: var(--radio-label-font-weight);
  line-height: var(--leading-snug);
}
.ms-radio__description[data-v-3f21f223] {
  color: var(--radio-description-fg);
  font-size: var(--radio-description-font-size);
  line-height: var(--leading-normal);
}
.ms-radio--card[data-v-3f21f223] {
  display: flex;
  /* Stretch rather than shrink-to-fit. */
  align-self: stretch;
  padding: var(--radio-card-padding);
  border: 1px solid var(--radio-card-border);
  border-radius: var(--radio-card-radius);
  background: var(--radio-card-bg);
  transition: background-color var(--radio-transition-duration) var(--radio-transition-ease), border-color var(--radio-transition-duration) var(--radio-transition-ease);
}
.ms-radio--card[data-v-3f21f223]:hover:not(.ms-radio--disabled) {
  background: var(--radio-card-bg-hover);
}
.ms-radio--card.ms-radio--selected[data-v-3f21f223] {
  background: var(--radio-card-bg-selected);
  border-color: var(--radio-card-border-selected);
  box-shadow: var(--radio-card-ring-selected);
}
.ms-radio--card.ms-radio--selected[data-v-3f21f223]:hover:not(.ms-radio--disabled) {
  background: var(--radio-card-bg-selected-hover);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-565f7b5d]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-565f7b5d] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-565f7b5d]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-565f7b5d] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-565f7b5d]:root,
body.dark[data-v-565f7b5d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-565f7b5d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-565f7b5d]:root,
body.dark[data-v-565f7b5d] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-565f7b5d]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-565f7b5d]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-565f7b5d] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.app-busy[data-v-565f7b5d] {
  --loading-backdrop: var(--loading-veil);
  backdrop-filter: blur(var(--loading-veil-blur));
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-33ac5141]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-33ac5141] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-33ac5141]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-33ac5141] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-33ac5141]:root,
body.dark[data-v-33ac5141] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-33ac5141] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-33ac5141]:root,
body.dark[data-v-33ac5141] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-33ac5141]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-33ac5141]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-33ac5141] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.menu-item[data-v-33ac5141] {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.menu-item a[data-v-33ac5141] {
  width: 50px;
  height: 50px;
  font-size: var(--fs-20);
  padding: 5px 10px;
  color: var(--text-dark);
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-item a[data-v-33ac5141]:hover {
  color: var(--text-dark);
  background-color: var(--neutral-100);
  border-radius: 50%;
}
.menu-item a.active[data-v-33ac5141] {
  color: var(--text-dark);
  background-color: var(--neutral-100);
  border-radius: 50%;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-b71a778a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-b71a778a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-b71a778a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-b71a778a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-b71a778a]:root,
body.dark[data-v-b71a778a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-b71a778a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-b71a778a]:root,
body.dark[data-v-b71a778a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-b71a778a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-b71a778a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-b71a778a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.container-breadcrumb[data-v-b71a778a] {
  padding: var(--space-16) var(--space-16) var(--space-32);
}
.btn-breadcrumb[data-v-b71a778a] {
  font-size: var(--fs-14);
  color: var(--text-neutral);
  padding: var(--space-0) var(--space-6);
  border: 0 !important;
}
.btn-breadcrumb[data-v-b71a778a]:hover, .btn-breadcrumb[data-v-b71a778a]:focus, .btn-breadcrumb[data-v-b71a778a]:active {
  color: var(--text-dark);
}
span[data-v-b71a778a] {
  color: var(--text-dark);
  font-size: var(--fs-14);
}
span.seperator[data-v-b71a778a] {
  margin: var(--space-0) var(--space-6);
  color: var(--text-neutral-lighter);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-eb76dea0]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-eb76dea0] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-eb76dea0]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-eb76dea0] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-eb76dea0]:root,
body.dark[data-v-eb76dea0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-eb76dea0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-eb76dea0]:root,
body.dark[data-v-eb76dea0] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-eb76dea0]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-eb76dea0]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-eb76dea0] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/** button.element.vue style — Faz 2a'da SFC \3c style> bloğundan çıkarıldı. */
/* OLD STYLE */
.btn-default[data-v-eb76dea0] {
  color: var(--text-neutral);
  border-radius: 6px;
  height: 34px;
  font-size: var(--fs-14);
  padding: 0 10px;
  margin: 0 5px;
  letter-spacing: -0.6px;
  line-height: 20px;
  white-space: nowrap;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-default[data-v-eb76dea0]:hover, .btn-default[data-v-eb76dea0]:focus, .btn-default[data-v-eb76dea0]:active {
  color: var(--text-dark);
  background: var(--light-300);
  border-color: transparent !important;
}
.btn-default.btn-padding-large[data-v-eb76dea0] {
  padding: 0 40px;
}
.btn-default.btn-editor[data-v-eb76dea0] {
  height: 30px;
}
.btn-default.btn-large[data-v-eb76dea0] {
  height: 40px;
}
.btn-default.btn-sm[data-v-eb76dea0] {
  height: 30px;
}
.btn-default.btn-ellipsis[data-v-eb76dea0] {
  color: var(--text-neutral);
  width: 25px;
  height: 35px;
}
.btn-default.btn-ellipsis[data-v-eb76dea0]:hover {
  color: var(--text-neutral);
}
.btn-default.btn-draggable[data-v-eb76dea0] {
  color: var(--text-neutral);
  width: 25px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23222222'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  margin: 0 5px 0 0;
  cursor: grab;
}
.btn-default.btn-draggable[data-v-eb76dea0]:hover {
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23000'/%3e%3c/svg%3e");
}
.btn-default.btn-dropdown.btn-dropdown-large[data-v-eb76dea0] {
  height: auto;
  padding: 14px;
}
.btn-default.btn-dropdown.btn-ellipsis[data-v-eb76dea0] {
  background-color: transparent;
  color: var(--text-dark);
  border-color: transparent;
  padding: 0 6px;
  height: 30px;
  border-radius: 4px;
  width: auto;
  margin: var(--space-0);
}
.btn-default.btn-dropdown.btn-ellipsis[data-v-eb76dea0]:hover {
  background-color: var(--light-100);
  color: var(--text-dark);
}
.btn-default.btn-select[data-v-eb76dea0] {
  background-color: var(--light-300);
  border: 2px solid var(--light-300);
  box-shadow: none !important;
  color: var(--text-neutral);
}
.btn-default.btn-select[data-v-eb76dea0]:hover {
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
}
.btn-default.btn-label[data-v-eb76dea0] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--text-dark);
  width: 100%;
}
.btn-default.btn-auth[data-v-eb76dea0] {
  width: 100%;
  height: 45px;
  font-size: var(--fs-14);
  font-weight: 600;
  margin: var(--space-0);
}
.btn-default.btn-auth[data-v-eb76dea0]:disabled::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-flex;
  position: relative;
  color: var(--accent-100);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
  margin-left: 25px;
}
.btn-default.btn-auth.no-loading[data-v-eb76dea0]:disabled::after {
  content: "";
  width: 0;
  height: 0;
  animation: none;
  display: none;
}
.btn-default.btn-auth-social[data-v-eb76dea0] {
  color: var(--text-dark);
  background-color: var(--light-100);
  border: 1px solid var(--neutral-100);
  font-size: var(--fs-14);
  font-weight: 600;
  position: relative;
}
.btn-default.btn-auth-social[data-v-eb76dea0]:hover {
  color: var(--text-dark);
  background-color: var(--light-300);
  border: 1px solid var(--neutral-100);
}
.btn-default.btn-auth-social.google[data-v-eb76dea0]::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="24" width="24"><path fill="%234285f4" d="M386 400c45-42 65-112 53-179H260v74h102c-4 24-18 44-38 57z"></path><path fill="%2334a853" d="M90 341a192 192 0 0 0 296 59l-62-48c-53 35-141 22-171-60z"></path><path fill="%23fbbc02" d="M153 292c-8-25-8-48 0-73l-63-49c-23 46-30 111 0 171z"></path><path fill="%23ea4335" d="M153 219c22-69 116-109 179-50l55-54c-78-75-230-72-297 55z"></path></svg>');
  width: 24px;
  height: 24px;
  display: flex;
  margin-right: 10px;
}
.btn-default.btn-auth-social.linkedin[data-v-eb76dea0]::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg fill="%230E4FB5" height="18" width="18" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 310 310" xml:space="preserve"><g id="XMLID_801_"><path id="XMLID_802_" d="M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.73C77.16,101.969,74.922,99.73,72.16,99.73z"/><path id="XMLID_803_" d="M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.4c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/><path id="XMLID_804_" d="M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.599c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.319c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.995C310,145.43,300.549,94.761,230.454,94.761z"/></g></svg>');
  width: 18px;
  height: 18px;
  display: flex;
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.btn-default.btn-grey[data-v-eb76dea0] {
  background-color: var(--text-neutral);
  border-color: var(--text-neutral);
  color: var(--text-light);
}
.btn-default.btn-grey[data-v-eb76dea0]:hover, .btn-default.btn-grey[data-v-eb76dea0]:focus, .btn-default.btn-grey[data-v-eb76dea0]:active {
  background-color: var(--neutral-200);
  border-color: var(--neutral-200);
}
.btn-default.btn-grey.btn-grey-outline[data-v-eb76dea0] {
  background-color: transparent;
  color: var(--text-neutral);
  border-color: var(--neutral-200);
}
.btn-default.btn-grey.btn-grey-outline[data-v-eb76dea0]:hover, .btn-default.btn-grey.btn-grey-outline[data-v-eb76dea0]:focus, .btn-default.btn-grey.btn-grey-outline[data-v-eb76dea0]:active {
  color: var(--text-neutral);
  border-color: var(--text-neutral);
}
.btn-default.btn-grey-light[data-v-eb76dea0] {
  background-color: var(--light-300);
  border-color: var(--light-300);
  color: var(--text-dark);
}
.btn-default.btn-grey-light[data-v-eb76dea0]:hover, .btn-default.btn-grey-light[data-v-eb76dea0]:focus, .btn-default.btn-grey-light[data-v-eb76dea0]:active {
  background-color: var(--light-100) !important;
  border-color: var(--light-100) !important;
  color: var(--dark-200) !important;
}
.btn-default.btn-select[data-v-eb76dea0] {
  box-shadow: var(--shadow-sm);
  border-radius: 6px;
  color: var(--text-dark);
  font-size: var(--fs-14);
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 34px;
  padding: 0 15px;
  margin: var(--space-0);
  width: 100%;
}
.btn-default.btn-select .angle-down-icon[data-v-eb76dea0] {
  font-size: var(--fs-14);
  margin-left: 35px;
}
.btn-default.btn-grey-outline-dashed[data-v-eb76dea0] {
  background-color: transparent;
  color: var(--text-neutral);
  border-color: var(--neutral-200);
  border: 1px dashed;
}
.btn-default.btn-grey-outline-dashed[data-v-eb76dea0]:hover, .btn-default.btn-grey-outline-dashed[data-v-eb76dea0]:focus, .btn-default.btn-grey-outline-dashed[data-v-eb76dea0]:active {
  color: var(--text-neutral);
  border-color: var(--text-neutral);
}
.btn-default.btn-purple[data-v-eb76dea0] {
  background-color: var(--accent-100);
  border-color: var(--accent-100);
  color: var(--text-light);
}
.btn-default.btn-purple[data-v-eb76dea0]:focus, .btn-default.btn-purple[data-v-eb76dea0]:active, .btn-default.btn-purple[data-v-eb76dea0]:hover {
  background-color: var(--accent-200) !important;
  border-color: var(--accent-200) !important;
  color: var(--light-100) !important;
}
.btn-default.btn-purple.bold[data-v-eb76dea0] {
  font-weight: 600;
}
.btn-default.btn-purple-outlined[data-v-eb76dea0] {
  background-color: var(--light-100);
  border: 2px solid var(--accent-100);
  color: var(--accent-100);
  font-weight: 600;
}
.btn-default.btn-purple-outlined[data-v-eb76dea0]:focus, .btn-default.btn-purple-outlined[data-v-eb76dea0]:active, .btn-default.btn-purple-outlined[data-v-eb76dea0]:hover {
  background-color: var(--accent-200) !important;
  border-color: var(--accent-200) !important;
  color: var(--light-100) !important;
}
.btn-default.btn-loading[data-v-eb76dea0]:disabled::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-flex;
  position: relative;
  color: var(--accent-100);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
  margin-left: 25px;
  margin-right: 10px;
}
.btn-default.btn-purple-ai[data-v-eb76dea0] {
  background-color: var(--accent-100);
  border: 1px solid var(--purple-color-border-300);
  color: var(--text-light);
  height: 30px;
  width: 100%;
  font-weight: 600;
}
.btn-default.btn-purple-ai[data-tooltip][data-v-eb76dea0]:before {
  font-weight: 400 !important;
}
.btn-default.btn-purple-ai[data-v-eb76dea0]:focus, .btn-default.btn-purple-ai[data-v-eb76dea0]:active, .btn-default.btn-purple-ai[data-v-eb76dea0]:hover {
  background-color: var(--accent-200) !important;
  border-color: var(--accent-200) !important;
  color: var(--light-100) !important;
}
.btn-default.btn-purple-ai span[data-v-eb76dea0] {
  display: block;
}
.btn-default.btn-purple-text[data-v-eb76dea0] {
  background-color: transparent;
  border-color: transparent;
  color: var(--accent-100);
}
.btn-default.btn-purple-text[data-v-eb76dea0]:hover, .btn-default.btn-purple-text[data-v-eb76dea0]:focus, .btn-default.btn-purple-text[data-v-eb76dea0]:active {
  background-color: transparent;
  border-color: transparent;
  color: var(--accent-200);
}
.btn-default.btn-transparent[data-v-eb76dea0] {
  background-color: transparent;
  color: var(--text-neutral);
  border-color: var(--neutral-200);
}
.btn-default.btn-transparent[data-v-eb76dea0]:hover, .btn-default.btn-transparent[data-v-eb76dea0]:focus, .btn-default.btn-transparent[data-v-eb76dea0]:active {
  color: var(--text-neutral);
  border-color: var(--text-neutral);
}
.btn-default.btn-small[data-v-eb76dea0] {
  color: var(--text-neutral);
  background-color: transparent;
  border-color: transparent;
  font-size: var(--fs-14);
  margin: var(--space-0);
  height: auto;
  text-transform: none;
  padding: 0.375rem 0rem;
}
.btn-default.btn-small[data-v-eb76dea0]:hover, .btn-default.btn-small[data-v-eb76dea0]:focus, .btn-default.btn-small[data-v-eb76dea0]:active {
  color: var(--text-dark);
}
.btn-default.btn-small[data-v-eb76dea0]:disabled {
  background-color: var(--light-100) !important;
  color: var(--light-300) !important;
  border-color: var(--light-100) !important;
}
.btn-default.btn-link[data-v-eb76dea0] {
  font-size: var(--fs-12);
  color: var(--text-dark);
  padding: 0px;
  height: auto;
  text-decoration: none;
}
.btn-default.btn-link[data-v-eb76dea0]:hover, .btn-default.btn-link[data-v-eb76dea0]:focus, .btn-default.btn-link[data-v-eb76dea0]:active {
  background-color: transparent;
  text-decoration: underline;
}
.btn-default.btn-link[data-v-eb76dea0]:disabled {
  background-color: transparent !important;
  color: var(--text-neutral) !important;
  border-color: transparent !important;
}
.btn-default.btn-other-categories[data-v-eb76dea0] {
  font-size: var(--fs-12);
  color: var(--text-dark);
  padding: 0px;
  height: auto;
  text-decoration: none;
  margin: 0 0 0 5px;
  padding: 0;
}
.btn-default.btn-other-categories[data-v-eb76dea0]:hover, .btn-default.btn-other-categories[data-v-eb76dea0]:focus, .btn-default.btn-other-categories[data-v-eb76dea0]:active {
  background-color: transparent;
  text-decoration: underline;
}
.btn-default.btn-text-link-purple[data-v-eb76dea0] {
  padding: 0;
  color: var(--accent-100);
  font-weight: 600;
}
.btn-default.btn-text-link-purple[data-v-eb76dea0]:hover, .btn-default.btn-text-link-purple[data-v-eb76dea0]:focus, .btn-default.btn-text-link-purple[data-v-eb76dea0]:active {
  background-color: transparent;
  text-decoration: underline;
}
.btn-default.btn-mobile-index[data-v-eb76dea0] {
  background: var(--accent-100);
  color: var(--light-100);
  border-radius: 0;
  padding: 10px;
  font-weight: 600;
  font-size: var(--fs-14);
  position: absolute;
  z-index: 99;
  width: 100%;
  display: none;
  height: 45px;
  justify-content: center;
  align-items: center;
  margin: var(--space-0);
  padding: 0;
}
.btn-default.btn-mobile-index[data-v-eb76dea0]:hover, .btn-default.btn-mobile-index[data-v-eb76dea0]:focus, .btn-default.btn-mobile-index[data-v-eb76dea0]:active {
  background: var(--accent-200);
  color: var(--light-100);
}
.btn-default.btn-mobile-index.open[data-v-eb76dea0] {
  background: var(--dark-200);
}
.btn-default.btn-mobile-index.open[data-v-eb76dea0]:hover, .btn-default.btn-mobile-index.open[data-v-eb76dea0]:focus, .btn-default.btn-mobile-index.open[data-v-eb76dea0]:active {
  background-color: var(--text-dark);
}
@media (max-width: 668px) {
.btn-default.btn-mobile-index[data-v-eb76dea0] {
    display: flex;
}
}
.btn-default.btn-warning[data-v-eb76dea0] {
  color: var(--light-100);
  background-color: var(--red-100);
  border-color: var(--red-100);
}
.btn-default.btn-warning[data-v-eb76dea0]:hover, .btn-default.btn-warning[data-v-eb76dea0]:focus, .btn-default.btn-warning[data-v-eb76dea0]:active {
  color: var(--light-100);
  background-color: var(--red-200);
  border-color: var(--red-200);
}
.btn-default.btn-cancel[data-v-eb76dea0] {
  font-size: var(--fs-28);
  min-height: auto;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: var(--space-0);
}
.btn-default.btn-jira-light[data-v-eb76dea0] {
  background-color: var(--light-300);
  color: var(--text-neutral);
  height: 30px;
}
.btn-default.btn-jira-light[data-v-eb76dea0]:hover, .btn-default.btn-jira-light[data-v-eb76dea0]:focus, .btn-default.btn-jira-light[data-v-eb76dea0]:active {
  background-color: var(--jira-100);
  color: var(--light-100);
}
.btn-default.btn-jira[data-v-eb76dea0] {
  background-color: var(--jira-100);
  color: var(--neutral-200) !important;
  height: 30px;
  opacity: 1;
}
.btn-default.btn-jira[data-v-eb76dea0]:hover, .btn-default.btn-jira[data-v-eb76dea0]:focus, .btn-default.btn-jira[data-v-eb76dea0]:active {
  background-color: var(--jira-200);
  color: var(--light-100);
  opacity: 1;
}
.btn-default.btn-editor-block[data-v-eb76dea0] {
  width: 100%;
  text-align: left;
  height: 30px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: var(--space-0);
  padding: 0 15px;
}
.btn-default.btn-editor-block .icon-block[data-v-eb76dea0] {
  display: inline-flex;
  width: 15px;
  margin-right: 10px;
}
.btn-default.btn-editor-block[data-v-eb76dea0]:hover, .btn-default.btn-editor-block[data-v-eb76dea0]:focus, .btn-default.btn-editor-block[data-v-eb76dea0]:active {
  background-color: var(--light-300);
  color: var(--text-dark);
}
.btn-default.btn-editor-auto[data-v-eb76dea0] {
  background-color: var(--light-200) !important;
  color: var(--accent-100) !important;
  border: 1px solid var(--light-200) !important;
  height: 33px;
  width: auto;
  margin-bottom: 0;
  font-size: var(--fs-13);
  padding: 0 15px;
}
.btn-default.btn-editor-auto[data-v-eb76dea0]:hover, .btn-default.btn-editor-auto[data-v-eb76dea0]:focus, .btn-default.btn-editor-auto[data-v-eb76dea0]:active {
  background-color: var(--light-200) !important;
  color: var(--accent-100) !important;
  border: 1px solid var(--accent-100) !important;
}
.btn-default.btn-editor-auto .icon-name svg[data-v-eb76dea0] {
  margin-left: 10px !important;
}
.btn-default.btn-action-global-white[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--text-dark);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-action-global-white.sm[data-v-eb76dea0] {
  width: 30px;
  padding: 0;
  border-radius: 50%;
}
.btn-default.btn-action-global-white[data-v-eb76dea0]:hover, .btn-default.btn-action-global-white[data-v-eb76dea0]:focus, .btn-default.btn-action-global-white[data-v-eb76dea0]:active {
  background-color: var(--light-300);
  border: 1px solid var(--light-300);
}
.btn-default.btn-action-global-white.close[data-v-eb76dea0] {
  font-size: var(--fs-32);
  margin-left: 10px;
  color: var(--text-neutral);
}
.btn-default.btn-action-global-white.close[data-v-eb76dea0]:hover, .btn-default.btn-action-global-white.close[data-v-eb76dea0]:focus, .btn-default.btn-action-global-white.close[data-v-eb76dea0]:active {
  color: var(--text-dark);
  background-color: transparent;
}
.btn-default.btn-action-global-white.jira[data-v-eb76dea0] {
  color: var(--jira-100);
}
.btn-default.btn-action-global-white.jira[data-v-eb76dea0]:hover, .btn-default.btn-action-global-white.jira[data-v-eb76dea0]:focus, .btn-default.btn-action-global-white.jira[data-v-eb76dea0]:active {
  color: var(--jira-200) !important;
}
.btn-default.btn-action-global-white.jira-sync[data-v-eb76dea0] {
  color: var(--jira-100);
}
.btn-default.btn-action-global-white.jira-sync.sm[data-v-eb76dea0] {
  width: auto;
  padding: 0 5px;
}
.btn-default.btn-action-global-white.jira-sync[data-v-eb76dea0]:hover, .btn-default.btn-action-global-white.jira-sync[data-v-eb76dea0]:focus, .btn-default.btn-action-global-white.jira-sync[data-v-eb76dea0]:active {
  color: var(--jira-200);
}
.btn-default.btn-action-global-white.active[data-v-eb76dea0] {
  background-color: var(--accent-100) !important;
}
.btn-default.btn-action-global-white.btn-action-global-purple[data-v-eb76dea0] {
  background-color: var(--accent-10) !important;
  color: var(--accent-100) !important;
  border: 1px solid var(--accent-10) !important;
}
.btn-default.btn-action-global-white.btn-action-global-purple[data-v-eb76dea0]:hover, .btn-default.btn-action-global-white.btn-action-global-purple[data-v-eb76dea0]:focus, .btn-default.btn-action-global-white.btn-action-global-purple[data-v-eb76dea0]:active {
  background-color: var(--accent-200) !important;
  border: 1px solid var(--accent-200) !important;
  color: var(--light-100) !important;
}
.btn-default.btn-action-global-grey[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--text-neutral);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-action-global-grey.sm[data-v-eb76dea0] {
  width: 30px;
  padding: 0;
  border-radius: 50%;
}
.btn-default.btn-action-global-grey[data-v-eb76dea0]:hover, .btn-default.btn-action-global-grey[data-v-eb76dea0]:focus, .btn-default.btn-action-global-grey[data-v-eb76dea0]:active {
  background-color: var(--light-300);
  border: 1px solid var(--light-300);
}
.btn-default.btn-action-publish[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--text-dark);
  margin: var(--space-0);
  padding: 5px 6px;
  font-weight: 400;
}
.btn-default.btn-action-publish[data-v-eb76dea0]:hover, .btn-default.btn-action-publish[data-v-eb76dea0]:focus, .btn-default.btn-action-publish[data-v-eb76dea0]:active {
  background-color: var(--light-300);
  border: 1px solid var(--light-300);
}
.btn-default.btn-action-metastory[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: transparent;
  border: 1px solid var(--neutral-100);
  color: var(--text-dark);
  margin: var(--space-0);
  padding: 5px 6px;
  font-weight: 600;
}
.btn-default.btn-action-metastory[data-v-eb76dea0]:hover, .btn-default.btn-action-metastory[data-v-eb76dea0]:focus, .btn-default.btn-action-metastory[data-v-eb76dea0]:active {
  background-color: var(--light-300);
  border: 1px solid var(--light-300);
}
.btn-default.btn-guidline[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--light-300);
  border: 1px solid var(--neutral-100);
  color: var(--text-dark);
  margin: var(--space-0);
  padding: 6px 14px 6px 10px;
  border-radius: 60px;
  font-weight: 500;
  font-size: var(--fs-13);
}
.btn-default.btn-guidline[data-v-eb76dea0]:hover, .btn-default.btn-guidline[data-v-eb76dea0]:focus, .btn-default.btn-guidline[data-v-eb76dea0]:active {
  background-color: var(--neutral-100);
  border: 1px solid var(--neutral-100);
}
.btn-default.btn-guidline .icon.purple[data-v-eb76dea0] {
  color: var(--accent-100);
}
.btn-default.btn-guidline-purple[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--accent-10);
  border: 1px solid var(--accent-20);
  color: var(--accent-100);
  margin: var(--space-0);
  padding: 6px 14px 6px 10px;
  border-radius: 60px;
  font-weight: 500;
  font-size: var(--fs-13);
}
.btn-default.btn-guidline-purple[data-v-eb76dea0]:hover, .btn-default.btn-guidline-purple[data-v-eb76dea0]:focus, .btn-default.btn-guidline-purple[data-v-eb76dea0]:active {
  color: var(--light-300);
  background-color: var(--accent-200);
  border: 1px solid var(--accent-200);
}
.btn-default.btn-guidline-purple .icon.purple[data-v-eb76dea0] {
  color: var(--accent-100);
}
.btn-default.btn-action-purple[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--accent-10);
  border: 1px solid var(--accent-10);
  color: var(--accent-100);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-action-purple.sm[data-v-eb76dea0] {
  width: 30px;
  padding: 0;
  border-radius: 50%;
}
.btn-default.btn-action-purple[data-v-eb76dea0]:hover, .btn-default.btn-action-purple[data-v-eb76dea0]:focus, .btn-default.btn-action-purple[data-v-eb76dea0]:active {
  background-color: var(--accent-200);
  border: 1px solid var(--accent-100);
  color: var(--light-100);
}
.btn-default.btn-action-global[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--light-300);
  border: 1px solid var(--light-300);
  color: var(--text-dark);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-action-global.sm[data-v-eb76dea0] {
  width: 30px;
  min-width: 30px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-default.btn-action-global.show[data-v-eb76dea0] {
  color: var(--dark-200) !important;
}
.btn-default.btn-action-global[data-v-eb76dea0]:hover, .btn-default.btn-action-global[data-v-eb76dea0]:focus, .btn-default.btn-action-global[data-v-eb76dea0]:active {
  background-color: var(--light-100) !important;
  border: 1px solid var(--light-100);
}
.btn-default.btn-action-global.jira[data-v-eb76dea0] {
  color: var(--jira-100);
}
.btn-default.btn-action-global.jira[data-v-eb76dea0]:hover, .btn-default.btn-action-global.jira[data-v-eb76dea0]:focus, .btn-default.btn-action-global.jira[data-v-eb76dea0]:active {
  color: var(--jira-200) !important;
}
.btn-default.btn-action-global.jira-sync[data-v-eb76dea0] {
  color: var(--jira-100);
}
.btn-default.btn-action-global.jira-sync.sm[data-v-eb76dea0] {
  width: auto;
  padding: 0 5px;
}
.btn-default.btn-action-global.jira-sync[data-v-eb76dea0]:hover, .btn-default.btn-action-global.jira-sync[data-v-eb76dea0]:focus, .btn-default.btn-action-global.jira-sync[data-v-eb76dea0]:active {
  color: var(--jira-200);
}
.btn-default.btn-action-global-purple[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--accent-100);
  border: 1px solid var(--accent-100);
  color: var(--light-100);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-action-global-purple.sm[data-v-eb76dea0] {
  width: 30px;
  padding: 0;
}
.btn-default.btn-action-global-purple.btn-search[data-v-eb76dea0] {
  width: 100%;
  height: 100%;
}
.btn-default.btn-action-global-purple[data-v-eb76dea0]:hover, .btn-default.btn-action-global-purple[data-v-eb76dea0]:focus, .btn-default.btn-action-global-purple[data-v-eb76dea0]:active {
  background-color: var(--accent-200);
  border: 1px solid var(--accent-200);
  color: var(--light-100);
}
.btn-default.btn-action-global-jira[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--jira-100);
  border: 1px solid var(--jira-100);
  color: var(--light-100);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-action-global-jira.sm[data-v-eb76dea0] {
  width: 30px;
  padding: 0;
}
.btn-default.btn-action-global-jira[data-v-eb76dea0]:hover, .btn-default.btn-action-global-jira[data-v-eb76dea0]:focus, .btn-default.btn-action-global-jira[data-v-eb76dea0]:active {
  background-color: var(--jira-200);
  border: 1px solid var(--jira-200);
  color: var(--light-100);
}
.btn-default.btn-action-global-library[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  font-size: var(--fs-12);
  background-color: var(--accent-100);
  border: 1px solid var(--accent-100);
  color: var(--light-100);
  margin: var(--space-0);
  padding: 5px 6px;
  cursor: default;
}
.btn-default.btn-action-global-library.sm[data-v-eb76dea0] {
  width: 30px;
  min-width: 30px;
  padding: 0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-default.btn-action-global-library[data-v-eb76dea0]:hover, .btn-default.btn-action-global-library[data-v-eb76dea0]:focus, .btn-default.btn-action-global-library[data-v-eb76dea0]:active {
  background-color: var(--light-100);
  border: 1px solid var(--light-100);
  color: var(--accent-200);
}
.btn-default.btn-action-close[data-v-eb76dea0] {
  width: 30px;
  height: 30px;
  border: 1px solid var(--neutral-100);
  border-bottom: 2px solid var(--neutral-100);
  background-color: var(--light-100);
  color: var(--text-dark);
  font-size: var(--fs-16);
}
.btn-default.btn-action-close[data-v-eb76dea0]:hover, .btn-default.btn-action-close[data-v-eb76dea0]:focus, .btn-default.btn-action-close[data-v-eb76dea0]:active {
  border: 1px solid var(--neutral-200);
  background-color: var(--light-300);
}
.btn-default.btn-tree-actions[data-v-eb76dea0] {
  width: 25px !important;
  height: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--space-0);
}
.btn-default.btn-editor-tree[data-v-eb76dea0] {
  background-color: var(--light-300);
  color: var(--text-dark);
  width: 25px;
  height: 30px;
  margin: var(--space-0);
}
.btn-default[data-v-eb76dea0] {
  /* NEW CLASSES */
}
.btn-default.btn-lightgrey[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--light-300);
  border: 1px solid var(--light-300);
  color: var(--text-dark);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-lightgrey[data-v-eb76dea0]:hover, .btn-default.btn-lightgrey[data-v-eb76dea0]:focus, .btn-default.btn-lightgrey[data-v-eb76dea0]:active, .btn-default.btn-lightgrey.show[data-v-eb76dea0] {
  background-color: var(--light-100) !important;
  border: 1px solid var(--light-100);
  color: var(--dark-200) !important;
}
.btn-default.btn-lightgrey-outline[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--light-100);
  border: 1px solid var(--neutral-100);
  color: var(--text-dark);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-lightgrey-outline[data-v-eb76dea0]:hover, .btn-default.btn-lightgrey-outline[data-v-eb76dea0]:focus, .btn-default.btn-lightgrey-outline[data-v-eb76dea0]:active, .btn-default.btn-lightgrey-outline.show[data-v-eb76dea0] {
  background-color: var(--light-100) !important;
  border: 1px solid var(--light-100);
  color: var(--dark-200) !important;
}
.btn-default.btn-red-text[data-v-eb76dea0] {
  width: auto;
  height: 30px;
  background-color: var(--light-100);
  border: 1px solid var(--light-100);
  color: var(--red-100);
  margin: var(--space-0);
  padding: 5px 6px;
}
.btn-default.btn-red-text[data-v-eb76dea0]:hover, .btn-default.btn-red-text[data-v-eb76dea0]:focus, .btn-default.btn-red-text[data-v-eb76dea0]:active {
  color: var(--red-200);
}
.btn-auth .btn[data-v-eb76dea0] {
  height: 45px !important;
}
.btn-tag[data-v-eb76dea0] {
  height: 24px !important;
  width: 16px !important;
  border-radius: 4px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.input-group-text[data-v-eb76dea0] {
  border: 0 !important;
}
.small[data-v-eb76dea0] {
  height: 28px;
}
.pointer-events-none[data-v-eb76dea0] {
  pointer-events: none;
}
.btn[data-v-eb76dea0]:disabled,
.btn.disabled[data-v-eb76dea0],
fieldset:disabled .btn[data-v-eb76dea0] {
  background-color: var(--light-300);
  border-color: var(--light-300);
  color: var(--text-neutral);
  opacity: 1;
}
:disabled.btn-draggable[data-v-eb76dea0] {
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3c/svg%3e");
  background-color: transparent;
  border-color: transparent;
  cursor: grab;
}
:disabled.btn-draggable[data-v-eb76dea0]:hover {
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23999CAF'%20fill-opacity='0.2'/%3e%3c/svg%3e");
}
.btn-introduction[data-v-eb76dea0] {
  background: var(--accent-100);
  color: var(--light-100);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-introduction[data-v-eb76dea0]:focus, .btn-introduction[data-v-eb76dea0]:active, .btn-introduction[data-v-eb76dea0]:hover {
  background: var(--accent-200) !important;
  color: var(--light-100) !important;
  box-shadow: var(--shadow-lg);
}
.btn-introduction:focus span[data-v-eb76dea0], .btn-introduction:active span[data-v-eb76dea0], .btn-introduction:hover span[data-v-eb76dea0] {
  display: flex;
}
.width25[data-v-eb76dea0] {
  width: 25px;
  height: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mr-5[data-v-eb76dea0] {
  margin-right: 5px !important;
}
.ml-0[data-v-eb76dea0] {
  margin-left: 0;
}
.pl-0[data-v-eb76dea0] {
  padding-left: 0;
}

/* BEM STYLE */
.btn--ms[data-v-eb76dea0] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-8) var(--space-8); /* Default Height 36px */
  margin: var(--space-0) !important;
  border-radius: 6px;
  font-size: var(--fs-14);
  font-weight: 600;
  white-space: nowrap;
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  color: var(--text-dark);
  gap: var(--space-8);
  height: auto;
}
.btn--ms[data-v-eb76dea0]:hover, .btn--ms[data-v-eb76dea0]:focus, .btn--ms[data-v-eb76dea0]:active {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  color: var(--text-dark);
}
.btn--ms[data-v-eb76dea0] {
  /* Size Modifiers */
}
.btn--ms.btn--xs[data-v-eb76dea0] { /* Height 30px */
  padding: var(--space-4) var(--space-8) !important;
  min-width: auto;
  min-height: 30px;
  max-height: 30px;
  height: auto !important;
}
.btn--ms.btn--md[data-v-eb76dea0] { /* Height 34px */
  padding: var(--space-6) var(--space-8) !important;
  min-width: auto;
  min-height: 34px;
  max-height: 34px;
  height: auto !important;
}
.btn--ms.btn--lg[data-v-eb76dea0] { /* Height 38px */
  padding: var(--space-8) var(--space-8) !important;
  min-width: auto;
  min-height: 38px;
  max-height: 38px;
  height: auto !important;
}
.btn--ms.btn--xl[data-v-eb76dea0] { /* Height 40px */
  padding: var(--space-10) var(--space-10) !important;
  min-width: auto;
  min-height: 40px;
  max-height: 40px;
  height: auto !important;
}
.btn--ms.btn--icon[data-v-eb76dea0] {
  min-height: 34px;
}
.btn--ms[data-v-eb76dea0] {
  /* Custom Modifiers Full Width */
}
.btn--ms.btn--full[data-v-eb76dea0] {
  width: 100%;
}
.btn--ms[data-v-eb76dea0] {
  /* Width 25 */
}
.btn--ms.btn--w25[data-v-eb76dea0] {
  width: 25px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn--ms[data-v-eb76dea0] {
  /* GAP 4 Space */
}
.btn--ms.btn--gap-xs[data-v-eb76dea0] {
  gap: var(--space-4);
}
.btn--ms[data-v-eb76dea0] {
  /* Tooltip Break */
}
.btn--ms.btn--tooltip-break[data-tooltip][data-v-eb76dea0]:before {
  text-wrap: auto;
}
.btn--ms[data-v-eb76dea0] {
  /* Tree Rest */
}
.btn--ms.btn--tree-reset[data-v-eb76dea0] {
  padding: var(--space-0); /* Height 0 */
  min-height: 30px;
}
.btn--ms[data-v-eb76dea0] {
  /* Padding Zero */
}
.btn--ms.btn--zero[data-v-eb76dea0] {
  padding: var(--space-0); /* Height 0 */
}
.btn--ms[data-v-eb76dea0] {
  /* Circle */
}
.btn--ms.btn--circle[data-v-eb76dea0] {
  border-radius: 50%;
}
.btn--ms[data-v-eb76dea0] {
  /* Action Global */
}
.btn--ms.btn--action-global[data-v-eb76dea0] {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px !important;
  border-radius: 50%;
  padding: var(--space-0);
}
.btn--ms[data-v-eb76dea0] {
  /* Neutral Light Text */
}
.btn--ms.btn--text-neutral-light[data-v-eb76dea0] {
  color: var(--text-neutral-lighter) !important;
}
.btn--ms.btn--text-neutral-light[data-v-eb76dea0]:hover {
  color: var(--text-neutral) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Bold Modifier */
}
.btn--ms.btn--regular[data-v-eb76dea0] {
  font-weight: 400;
}
.btn--ms.btn--medium[data-v-eb76dea0] {
  font-weight: 500;
}
.btn--ms.btn--semibold[data-v-eb76dea0] {
  font-weight: 600;
}
.btn--ms[data-v-eb76dea0] {
  /* Font Size Modifier */
}
.btn--ms.btn--fs-16[data-v-eb76dea0] {
  font-size: var(--fs-16);
}
.btn--ms.btn--fs-12[data-v-eb76dea0] {
  font-size: var(--fs-12);
}
.btn--ms.btn--fs-13[data-v-eb76dea0] {
  font-size: var(--fs-13);
}
.btn--ms[data-v-eb76dea0] {
  /* Disabled */
}
.btn--ms[data-v-eb76dea0]:disabled {
  background-color: var(--light-300) !important;
  border: 1px solid var(--neutral-100) !important;
  color: var(--text-neutral) !important;
  pointer-events: none !important;
}
.btn--ms.btn--loading[data-v-eb76dea0]:disabled::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: inline-flex;
  position: relative;
  color: var(--accent-100);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
  margin-left: var(--space-12);
  margin-right: var(--space-8);
}
.btn--ms[data-v-eb76dea0] {
  /* Accent */
}
.btn--ms.btn--accent[data-v-eb76dea0] {
  background-color: var(--button-accent-bg);
  border: 1px solid var(--button-accent-border);
  color: var(--button-light-text);
}
.btn--ms.btn--accent[data-v-eb76dea0]:hover {
  background-color: var(--button-accent-bg-hover);
  border: 1px solid var(--button-accent-border) !important;
  color: var(--button-light-text);
}
.btn--ms.btn--accent[data-v-eb76dea0]:focus, .btn--ms.btn--accent[data-v-eb76dea0]:active {
  background-color: var(--button-accent-bg-hover);
  border: 1px solid var(--button-accent-border) !important;
  color: var(--button-light-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Accent Secondary */
}
.btn--ms.btn--accent-secondary[data-v-eb76dea0] {
  background-color: var(--transparent);
  border: 1px solid var(--button-accent-light-border);
  color: var(--button-accent-text);
}
.btn--ms.btn--accent-secondary[data-v-eb76dea0]:hover {
  background-color: var(--button-accent-bg-hover);
  border: 1px solid var(--button-accent-light-border) !important;
  color: var(--button-light-text);
}
.btn--ms.btn--accent-secondary[data-v-eb76dea0]:focus, .btn--ms.btn--accent-secondary[data-v-eb76dea0]:active {
  background-color: var(--button-accent-bg-hover);
  border: 1px solid var(--button-accent-light-border) !important;
  color: var(--button-light-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Accent Link */
}
.btn--ms.btn--accent-tertiary[data-v-eb76dea0] {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--button-accent-text);
}
.btn--ms.btn--accent-tertiary[data-v-eb76dea0]:hover {
  background-color: var(--button-accent-light-bg);
  border: 1px solid var(--button-accent-light-bg-hover) !important;
  color: var(--button-accent-text);
  text-decoration: none;
}
.btn--ms.btn--accent-tertiary[data-v-eb76dea0]:focus, .btn--ms.btn--accent-tertiary[data-v-eb76dea0]:active {
  background-color: var(--button-accent-light-bg);
  border: 1px solid var(--button-accent-light-bg-hover) !important;
  color: var(--button-accent-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Accent Link */
}
.btn--ms.btn--accent-link[data-v-eb76dea0] {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--button-accent-text);
  text-decoration: underline;
  text-decoration-color: var(--button-accent-text);
  text-decoration-thickness: 1px;
  text-underline-offset: var(--space-6);
  padding: var(--space-0);
  height: auto;
}
.btn--ms.btn--accent-link[data-v-eb76dea0]:hover {
  opacity: 0.6;
}
.btn--ms.btn--accent-link[data-v-eb76dea0]:focus, .btn--ms.btn--accent-link[data-v-eb76dea0]:active {
  opacity: 0.6;
}
.btn--ms[data-v-eb76dea0] {
  /* Neutral */
}
.btn--ms.btn--neutral[data-v-eb76dea0] {
  background-color: var(--button-neutral-bg);
  border: 1px solid var(--button-neutral-border);
  color: var(--button-dark-text);
}
.btn--ms.btn--neutral[data-v-eb76dea0]:hover {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
}
.btn--ms.btn--neutral[data-v-eb76dea0]:focus, .btn--ms.btn--neutral[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Neutral Secondary */
}
.btn--ms.btn--neutral-secondary[data-v-eb76dea0] {
  background-color: var(--button-neutral-light-bg);
  border: 1px solid var(--button-neutral-border);
  color: var(--button-dark-text);
}
.btn--ms.btn--neutral-secondary[data-v-eb76dea0]:hover {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
}
.btn--ms.btn--neutral-secondary[data-v-eb76dea0]:focus, .btn--ms.btn--neutral-secondary[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Neutral Link */
}
.btn--ms.btn--neutral-tertiary[data-v-eb76dea0] {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--button-dark-text);
}
.btn--ms.btn--neutral-tertiary[data-v-eb76dea0]:hover {
  background-color: var(--button-neutral-light-bg-hover);
  border: 1px solid var(--button-neutral-light-border) !important;
  color: var(--button-dark-text);
  text-decoration: none;
}
.btn--ms.btn--neutral-tertiary[data-v-eb76dea0]:focus, .btn--ms.btn--neutral-tertiary[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-light-bg-hover);
  border: 1px solid var(--button-neutral-light-border) !important;
  color: var(--button-dark-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Neutral Link */
}
.btn--ms.btn--neutral-link[data-v-eb76dea0] {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  color: var(--button-dark-text);
  text-decoration: underline;
  text-decoration-color: var(--button-dark-text);
  text-decoration-thickness: 1px;
  text-underline-offset: var(--space-6);
  padding: var(--space-0);
  height: auto;
}
.btn--ms.btn--neutral-link[data-v-eb76dea0]:hover {
  opacity: 0.6;
}
.btn--ms.btn--neutral-link[data-v-eb76dea0]:focus, .btn--ms.btn--neutral-link[data-v-eb76dea0]:active {
  opacity: 0.6;
}
.btn--ms.btn--neutral-link[data-v-eb76dea0]:disabled {
  background-color: var(--transparent) !important;
  border: 1px solid var(--transparent) !important;
  color: var(--text-neutral) !important;
  pointer-events: none !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Silent */
}
.btn--ms.btn--silent[data-v-eb76dea0] {
  background-color: var(--button-neutral-bg);
  border: 1px solid var(--button-neutral-border);
  color: var(--button-neutral-text);
}
.btn--ms.btn--silent[data-v-eb76dea0]:hover {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
}
.btn--ms.btn--silent[data-v-eb76dea0]:focus, .btn--ms.btn--silent[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Silent Secondary */
}
.btn--ms.btn--silent-secondary[data-v-eb76dea0] {
  background-color: var(--transparent);
  border: 1px solid var(--button-neutral-border);
  color: var(--button-neutral-text);
}
.btn--ms.btn--silent-secondary[data-v-eb76dea0]:hover {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
}
.btn--ms.btn--silent-secondary[data-v-eb76dea0]:focus, .btn--ms.btn--silent-secondary[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Silent Link */
}
.btn--ms.btn--silent-tertiary[data-v-eb76dea0] {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  color: var(--button-neutral-text);
}
.btn--ms.btn--silent-tertiary[data-v-eb76dea0]:hover {
  background-color: var(--button-neutral-light-bg-hover);
  border: 1px solid var(--button-neutral-light-border) !important;
  color: var(--button-dark-text);
  text-decoration: none;
}
.btn--ms.btn--silent-tertiary[data-v-eb76dea0]:focus, .btn--ms.btn--silent-tertiary[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-light-bg-hover);
  border: 1px solid var(--button-neutral-light-border) !important;
  color: var(--button-dark-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Silent Link */
}
.btn--ms.btn--silent-link[data-v-eb76dea0] {
  background-color: var(--transparent);
  border: 1px solid transparent;
  color: var(--button-neutral-text);
  text-decoration: underline;
  text-decoration-color: var(--button-neutral-light-border);
  text-decoration-thickness: 1px;
  text-underline-offset: var(--space-6);
  padding: var(--space-0);
  height: auto;
}
.btn--ms.btn--silent-link[data-v-eb76dea0]:hover {
  opacity: 0.6;
}
.btn--ms.btn--silent-link[data-v-eb76dea0]:focus, .btn--ms.btn--silent-link[data-v-eb76dea0]:active {
  opacity: 0.6;
}
.btn--ms.btn--silent-link[data-v-eb76dea0]:disabled {
  background-color: var(--transparent) !important;
  border: 1px solid var(--transparent) !important;
  color: var(--text-neutral) !important;
  pointer-events: none !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Item */
}
.btn--ms.btn--item[data-v-eb76dea0] {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  color: var(--button-dark-text);
}
.btn--ms.btn--item[data-v-eb76dea0]:hover {
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover) !important;
  color: var(--button-dark-text);
}
.btn--ms.btn--item[data-v-eb76dea0]:focus, .btn--ms.btn--item[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Card Button */
}
.btn--ms.btn--company[data-v-eb76dea0] {
  width: 100%;
  height: auto !important;
  background-color: var(--card-bg);
  border: 1px solid var(--card-border) !important;
  box-shadow: var(--card-shadow);
  border-radius: 6px;
  text-transform: none !important;
  line-height: 20px;
  padding: var(--space-8);
  margin-bottom: var(--space-16) !important;
}
.btn--ms.btn--company[data-v-eb76dea0]:hover, .btn--ms.btn--company[data-v-eb76dea0]:focus, .btn--ms.btn--company[data-v-eb76dea0]:active {
  background-color: var(--light-200) !important;
  box-shadow: var(--shadow-lg) !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
}
.btn--ms.btn--company .c-workspace[data-v-eb76dea0] {
  display: flex;
}
.btn--ms.btn--company .c-workspace .c-image[data-v-eb76dea0] {
  min-width: 40px;
  min-height: 40px;
  margin-right: 15px;
  background-color: var(--text-dark);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--light-100);
  font-weight: 600;
}
.btn--ms.btn--company .c-workspace .c-image img[data-v-eb76dea0] {
  width: 40px;
  height: 40px;
  border-radius: 6px;
}
.btn--ms.btn--company .c-workspace .c-name[data-v-eb76dea0] {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  font-size: var(--fs-16);
}
.btn--ms.btn--company .c-workspace .c-name span[data-v-eb76dea0]:first-child {
  font-size: var(--fs-16);
  font-weight: 600;
}
.btn--ms.btn--company .c-workspace .c-name span[data-v-eb76dea0]:nth-of-type(2) {
  font-size: var(--fs-14);
  color: var(--text-neutral);
}
.btn--ms.btn--company .c-workspace .c-arrow[data-v-eb76dea0] {
  margin-left: auto;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--neutral-200);
}
.btn--ms[data-v-eb76dea0] {
  /* Danger */
}
.btn--ms.btn--danger[data-v-eb76dea0] {
  background-color: var(--button-danger-bg);
  border: 1px solid var(--button-danger-border);
  color: var(--button-danger-text) !important;
}
.btn--ms.btn--danger[data-v-eb76dea0]:hover {
  background-color: var(--button-danger-bg-hover);
  border: 1px solid var(--button-danger-border) !important;
  color: var(--button-danger-text) !important;
}
.btn--ms.btn--danger[data-v-eb76dea0]:focus, .btn--ms.btn--danger[data-v-eb76dea0]:active {
  background-color: var(--button-danger-bg-hover);
  border: 1px solid var(--button-danger-border) !important;
  color: var(--button-danger-text) !important;
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Create Project */
}
.btn--ms.btn--create[data-v-eb76dea0] {
  width: 100%;
  height: 80px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  border-radius: 6px;
}
.btn--ms.btn--create[data-v-eb76dea0]:hover {
  background-color: var(--card-bg);
  box-shadow: var(--card-shadow-active);
  outline: 0;
}
.btn--ms.btn--create[data-v-eb76dea0]:focus, .btn--ms.btn--create[data-v-eb76dea0]:active {
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Button Info */
}
.btn--ms.btn--info[data-v-eb76dea0] {
  background-color: var(--button-info-bg);
  border: 1px solid var(--button-info-border);
  color: var(--button-neutral-text);
  border-radius: 50%;
  font-size: var(--fs-12);
}
.btn--ms.btn--info[data-v-eb76dea0]:hover {
  background-color: var(--button-info-bg-hover);
  border: 1px solid var(--button-info-border-hover) !important;
  color: var(--button-dark-text);
  text-decoration: none;
}
.btn--ms.btn--info[data-v-eb76dea0]:focus, .btn--ms.btn--info[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-light-bg-hover);
  border: 1px solid var(--button-neutral-light-border) !important;
  color: var(--button-dark-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Button Key */
}
.btn--ms.btn--key[data-v-eb76dea0] {
  min-width: 24px;
  min-height: 24px;
  padding: var(--space-0);
  font-size: var(--fs-12);
  color: var(--text-dark);
  background-color: var(--button-key-bg);
  border: 1px solid var(--button-key-border);
  border-bottom: 2px solid var(--button-key-border);
}
.btn--ms.btn--key[data-v-eb76dea0]:hover {
  background-color: var(--button-key-bg-hover);
  border: 1px solid var(--button-key-border-hover);
  border-bottom: 2px solid var(--button-key-border-hover);
}
.btn--ms.btn--key[data-v-eb76dea0]:focus, .btn--ms.btn--key[data-v-eb76dea0]:active {
  background-color: var(--button-key-bg-hover);
  border: 1px solid var(--button-key-border-hover);
  border-bottom: 2px solid var(--button-key-border-hover);
}
.btn--ms[data-v-eb76dea0] {
  /* Tag Accent */
}
.btn--ms.btn--ai-tag[data-v-eb76dea0] {
  background-color: var(--button-ai-tag-light-bg);
  border: 1px solid var(--button-ai-tag-accent-light-border);
  color: var(--button-accent-text);
  border-radius: 20px;
  font-weight: 500;
  font-size: var(--fs-12);
  gap: var(--space-4);
  padding: var(--space-4) var(--space-8);
}
.btn--ms.btn--ai-tag[data-v-eb76dea0]:hover {
  background-color: var(--button-ai-tag-accent-bg-hover);
  border: 1px solid var(--button-ai-tag-accent-light-border) !important;
  color: var(--button-light-text);
}
.btn--ms.btn--ai-tag[data-v-eb76dea0]:focus, .btn--ms.btn--ai-tag[data-v-eb76dea0]:active {
  background-color: var(--button-ai-tag-accent-bg-hover);
  border: 1px solid var(--button-ai-tag-accent-light-border) !important;
  color: var(--button-light-text);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Select */
}
.btn--ms.btn--select[data-v-eb76dea0] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 6px;
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  box-shadow: none !important;
  gap: var(--space-4);
  min-height: 42px;
  width: 100%;
}
.btn--ms.btn--select[data-v-eb76dea0]:hover, .btn--ms.btn--select[data-v-eb76dea0]:focus, .btn--ms.btn--select[data-v-eb76dea0]:active {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.btn--ms.btn--select[data-v-eb76dea0]:has(input:focus) {
  background-color: var(--form-bg-focus);
  border: 1px solid var(--form-border-focus);
  box-shadow: var(--form-shadow-outline) !important;
}
.btn--ms.btn--select:has(input:focus) .tag[data-v-eb76dea0] {
  background-color: var(--tag-form-bg-hover);
  border: 1px solid var(--tag-form-border-hover);
}
.btn--ms[data-v-eb76dea0] {
  /* Tab */
}
.btn--ms.btn--tab[data-v-eb76dea0] {
  background-color: var(--button-tab-bg);
  border: 0;
  border-bottom: 2px solid var(--button-tab-border);
  border-radius: 0;
  color: var(--button-neutral-text) !important;
  margin-bottom: var(--space-negative-2) !important;
}
.btn--ms.btn--tab.active[data-v-eb76dea0] {
  background-color: var(--button-tab-bg);
  border: 0;
  border-bottom: 2px solid var(--button-tab-border-hover) !important;
  color: var(--button-dark-text) !important;
}
.btn--ms.btn--tab[data-v-eb76dea0]:hover {
  background-color: var(--button-tab-bg);
  border: 0;
  border-bottom: 2px solid var(--button-tab-border-hover) !important;
  color: var(--button-dark-text) !important;
}
.btn--ms.btn--tab[data-v-eb76dea0]:focus, .btn--ms.btn--tab[data-v-eb76dea0]:active {
  background-color: var(--button-tab-bg);
  border: 0;
  border-bottom: 2px solid var(--button-tab-border-hover) !important;
  color: var(--button-dark-text) !important;
}
.btn--ms.btn--tab[data-v-eb76dea0]:disabled {
  background-color: var(--transparent) !important;
  color: var(--button-neutral-lighter-text) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 2px solid var(--button-tab-border) !important;
}
.btn--ms[data-v-eb76dea0] {
  /* Tab Small */
}
.btn--ms.btn--tab-sm[data-v-eb76dea0] {
  background-color: var(--button-neutral-bg);
  border: 1px solid var(--button-neutral-border);
  color: var(--text-neutral-light);
}
.btn--ms.btn--tab-sm[data-v-eb76dea0]:hover {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
}
.btn--ms.btn--tab-sm[data-v-eb76dea0]:focus, .btn--ms.btn--tab-sm[data-v-eb76dea0]:active {
  background-color: var(--button-neutral-bg-hover);
  border: 1px solid var(--button-neutral-border) !important;
  color: var(--button-dark-text);
}
.btn--ms.btn--tab-sm.btn--tab-sm-left[data-v-eb76dea0] {
  border-right: 0 !important;
  border-top-right-radius: var(--space-0);
  border-bottom-right-radius: var(--space-0);
}
.btn--ms.btn--tab-sm.btn--tab-sm-right[data-v-eb76dea0] {
  border-top-left-radius: var(--space-0);
  border-bottom-left-radius: var(--space-0);
}
.btn--ms.btn--tab-sm.active[data-v-eb76dea0] {
  background-color: var(--button-neutral-light-bg);
  border: 1px solid var(--button-neutral-border);
  color: var(--button-dark-text);
}
.btn--ms[data-v-eb76dea0] {
  /* Close */
}
.btn--ms.btn--close[data-v-eb76dea0] {
  font-size: var(--fs-32);
  color: var(--text-dark);
  padding: var(--space-0);
  width: 30px;
  height: 30px;
}
.btn--ms.btn--close[data-v-eb76dea0]:hover {
  color: var(--text-dark);
}
.btn--ms.btn--close[data-v-eb76dea0]:focus, .btn--ms.btn--close[data-v-eb76dea0]:active {
  color: var(--text-dark);
  box-shadow: var(--shadow-outline) !important;
}
.btn--ms.btn--close.btn--close-dark[data-v-eb76dea0] {
  color: var(--text-light-fixed);
}
.btn--ms.btn--close-editor[data-v-eb76dea0] {
  border-radius: 50%;
  font-size: var(--fs-28);
}
.btn--ms[data-v-eb76dea0] {
  /* Tag Item */
}
.btn--ms.btn--tag[data-v-eb76dea0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  background-color: var(--tag-form-bg);
  border: 1px solid var(--tag-form-border);
  color: var(--text-dark);
  padding: var(--space-4) var(--space-8);
  font-size: var(--fs-14);
  border-radius: 6px !important;
  font-weight: 500;
  cursor: pointer;
}
.btn--ms.btn--tag:hover .edit-actions .edit-tag[data-v-eb76dea0] {
  display: flex;
}
.btn--ms.btn--tag.edit-mode[data-v-eb76dea0] {
  background-color: var(--light-100) !important;
  border: 1px solid var(--transparent) !important;
  box-shadow: var(--shadow-lg);
}
.btn--ms.btn--tag input[data-v-eb76dea0] {
  height: auto;
}
.btn--ms.btn--tag .edit-actions[data-v-eb76dea0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-12);
}
.btn--ms.btn--tag .edit-actions .edit-tag[data-v-eb76dea0] {
  color: var(--text-neutral);
  cursor: pointer;
  display: none;
  font-size: var(--fs-12);
}
.btn--ms.btn--tag .edit-actions .edit-tag[data-v-eb76dea0]:hover {
  color: var(--text-dark);
}
.btn--ms.btn--tag .edit-actions .remove-tag[data-v-eb76dea0] {
  color: var(--text-neutral);
  cursor: pointer;
}
.btn--ms.btn--tag .edit-actions .remove-tag[data-v-eb76dea0]:hover {
  color: var(--text-dark);
}
.btn--ms[data-v-eb76dea0] {
  /* Inside Counter */
}
.btn--ms .tag--counter[data-v-eb76dea0] {
  padding: var(--space-2) var(--space-6) var(--space-2) var(--space-4);
  background-color: var(--tag-counter-bg);
  border: 1px solid var(--tag-counter-border);
  border-radius: 6px;
  font-size: var(--fs-12);
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn--ms[data-v-eb76dea0] {
  /* Draggable */
}
.btn--ms.btn--draggable[data-v-eb76dea0] {
  color: var(--text-neutral);
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23222222'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: center;
  padding: var(--space-0);
  cursor: grab;
}
.btn--ms[data-v-eb76dea0] {
  /* Aut Buttons */
}
.btn--ms.btn--auth-social[data-v-eb76dea0] {
  color: var(--text-dark);
  background-color: var(--light-100);
  border: 1px solid var(--neutral-100);
  font-size: var(--fs-14);
  font-weight: 600;
  position: relative;
}
.btn--ms.btn--auth-social[data-v-eb76dea0]:hover {
  color: var(--text-dark);
  background-color: var(--light-300);
  border: 1px solid var(--neutral-100);
}
.btn--ms.btn--auth-social.btn--google[data-v-eb76dea0]::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="24" width="24"><path fill="%234285f4" d="M386 400c45-42 65-112 53-179H260v74h102c-4 24-18 44-38 57z"></path><path fill="%2334a853" d="M90 341a192 192 0 0 0 296 59l-62-48c-53 35-141 22-171-60z"></path><path fill="%23fbbc02" d="M153 292c-8-25-8-48 0-73l-63-49c-23 46-30 111 0 171z"></path><path fill="%23ea4335" d="M153 219c22-69 116-109 179-50l55-54c-78-75-230-72-297 55z"></path></svg>');
  width: 24px;
  height: 24px;
  display: flex;
  margin-right: 10px;
}
.btn--ms.btn--auth-social.btn--linkedin[data-v-eb76dea0]::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg fill="%230E4FB5" height="18" width="18" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 310 310" xml:space="preserve"><g id="XMLID_801_"><path id="XMLID_802_" d="M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.73C77.16,101.969,74.922,99.73,72.16,99.73z"/><path id="XMLID_803_" d="M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.4c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/><path id="XMLID_804_" d="M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.599c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.319c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.995C310,145.43,300.549,94.761,230.454,94.761z"/></g></svg>');
  width: 18px;
  height: 18px;
  display: flex;
  margin-right: 10px;
  position: relative;
  top: -1px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-4f109df2]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-4f109df2] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-4f109df2]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-4f109df2] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-4f109df2]:root,
body.dark[data-v-4f109df2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-4f109df2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-4f109df2]:root,
body.dark[data-v-4f109df2] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-4f109df2]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-4f109df2]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-4f109df2] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.project-headline[data-v-4f109df2] {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  margin: var(--space-8) var(--space-40) var(--space-24) var(--space-40);
  text-align: left;
}
.project-headline__input[data-v-4f109df2] {
  width: 100%;
  position: relative;
}
.project-headline__title[data-v-4f109df2] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 55px;
  line-height: 42px;
  background-color: var(--transparent);
  border: 2px solid var(--transparent);
  color: var(--text-dark);
  border-radius: 6px;
  padding: var(--space-4) var(--space-2);
  font-size: var(--fs-24);
  margin: var(--space-0);
  font-weight: 600;
  letter-spacing: inherit;
  outline: 0;
  word-break: break-word;
}
.project-headline__title[data-v-4f109df2]:hover {
  background-color: var(--form-bg-hover) !important;
  border: 2px solid var(--form-border-hover) !important;
  box-shadow: var(--form-shadow-outline);
}
.project-headline__title[data-v-4f109df2]:focus {
  border-radius: 6px;
  background-color: var(--form-bg-focus) !important;
  border: 2px solid var(--form-border-focus) !important;
  box-shadow: var(--form-shadow-outline) !important;
  outline: 0;
}
.project-headline__title.placeholder[data-v-4f109df2] {
  color: var(--text-neutral);
  cursor: pointer;
  opacity: 1;
}
.alert-input[data-v-4f109df2] {
  position: absolute;
  border-radius: 6px;
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
  outline: 0;
  padding: var(--space-6) var(--space-8);
  font-size: var(--fs-14);
  margin-top: var(--space-6);
  font-weight: 400;
  z-index: 2;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-92be9a92]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-92be9a92] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-92be9a92]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-92be9a92] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-92be9a92]:root,
body.dark[data-v-92be9a92] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-92be9a92] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-92be9a92]:root,
body.dark[data-v-92be9a92] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-92be9a92]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-92be9a92]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-92be9a92] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.form-check[data-v-92be9a92] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
  max-height: 16px;
  padding-left: 15px;
}
.form-check-label[data-v-92be9a92] {
  font-size: var(--fs-14);
  margin-left: var(--space-8);
  color: var(--text-dark);
  width: 100%;
  cursor: pointer;
  display: inline-block;
  gap: var(--space-8);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-check-input[data-v-92be9a92] {
  min-width: 16px;
  min-height: 16px;
  margin-top: 0;
  margin-left: -15px !important;
  background-color: var(--form-check-radio-bg);
  border: 1px solid var(--form-check-radio-border);
}
.form-check-input[type=checkbox][data-v-92be9a92] {
  border-radius: 4px;
}
.form-check-input[data-v-92be9a92]:checked {
  background-color: var(--accent-100);
  border-color: var(--accent-200);
}
.form-check-input[data-v-92be9a92]:checked:disabled {
  background-color: var(--text-neutral);
  border-color: var(--text-neutral);
  cursor: not-allowed;
}
.form-check-input[data-v-92be9a92]:focus, .form-check-input[data-v-92be9a92]:hover {
  box-shadow: var(--shadow-outline) !important;
  cursor: pointer;
}
.icon[data-v-92be9a92] {
  margin-right: var(--space-4);
  width: 14px;
  color: var(--text-neutral);
  font-size: var(--fs-14);
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  text-align: center;
}
.color[data-v-92be9a92] {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-right: var(--space-4);
}
.color.palette-purple-light[data-v-92be9a92] {
  background-color: var(--palette-purple-color-light);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-190b0591]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-190b0591] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-190b0591]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-190b0591] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-190b0591]:root,
body.dark[data-v-190b0591] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-190b0591] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-190b0591]:root,
body.dark[data-v-190b0591] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-190b0591]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-190b0591]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-190b0591] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.input-group[data-v-190b0591] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  box-shadow: none !important;
}
.input-group[data-v-190b0591]:hover, .input-group[data-v-190b0591]:focus, .input-group[data-v-190b0591]:active {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group[data-v-190b0591]:has(input:focus) {
  background-color: var(--form-bg-focus);
  border: 1px solid var(--form-border-focus);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group:has(input:focus) .tag[data-v-190b0591] {
  background-color: var(--tag-form-bg-hover);
  border: 1px solid var(--tag-form-border-hover);
}
.input-group.disable[data-v-190b0591] {
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
}
.input-group.disable input[data-v-190b0591] {
  color: var(--text-neutral);
  box-shadow: 0 !important;
}
.input-group.disable[data-v-190b0591]:hover {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group .btn[data-v-190b0591] {
  border-radius: 6px !important;
  margin-right: var(--space-12) !important;
}
.input-group.input-form-group[data-v-190b0591] {
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  background-color: var(--light-300);
  border: 2px solid var(--light-300);
}
.input-group.input-form-group[data-v-190b0591]:hover, .input-group.input-form-group[data-v-190b0591]:focus, .input-group.input-form-group[data-v-190b0591]:active {
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
  outline: 0 !important;
}
.input-group.input-form-group.disable[data-v-190b0591]:hover {
  background: var(--light-300);
  border: 2px solid var(--light-300);
  box-shadow: none !important;
}
.input-group.error[data-v-190b0591] {
  box-shadow: 0px 0px 4px 0px var(--red-100) !important;
  background-color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}
.input-group input[data-v-190b0591],
.input-group .input-group-text[data-v-190b0591] {
  background: transparent;
  border: 0;
}
.input-group .input-group-text[data-v-190b0591] {
  color: var(--text-neutral);
}
.input-group input[data-v-190b0591] {
  height: 36px;
  border-radius: 6px;
  font-size: var(--fs-14);
  cursor: pointer;
  color: var(--text-dark);
}
.input-group input[data-v-190b0591]::-webkit-input-placeholder {
  /* Edge */
  color: var(--text-neutral);
}
.input-group input[data-v-190b0591]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.input-group input[data-v-190b0591]::placeholder {
  color: var(--text-neutral);
}
.input-group.changeableTextElement[data-v-190b0591] {
  border: 0;
  width: 100%;
  padding: 5px 5px;
  font-size: var(--fs-32);
  font-weight: 600;
  letter-spacing: inherit;
  border-radius: 6px;
  margin: var(--space-0);
  min-height: 55px;
  color: var(--text-dark);
  outline: 0;
  background-color: transparent;
  border: 2px solid transparent;
  word-break: break-word;
}
.input-group.changeableTextElement input[data-v-190b0591] {
  font-size: var(--fs-24);
  font-weight: 600;
  padding: 0;
}
.input-group.changeableTextElement input:hover .changeableTextElement[data-v-190b0591] {
  background-color: var(--light-300);
  border: 2px solid var(--light-300);
}
.input-group.changeableTextElement input:focus .changeableTextElement[data-v-190b0591], .input-group.changeableTextElement input:active .changeableTextElement[data-v-190b0591] {
  border-radius: 6px !important;
  background-color: var(--light-100) !important;
  border: 2px solid var(--light-100) !important;
  box-shadow: var(--shadow-lg) !important;
  outline: 0;
}
.input-group .icon-side[data-v-190b0591] {
  align-items: center;
  height: 100%;
  padding: 0 15px 0 0px;
  color: var(--text-neutral);
}
.input-group .icon[data-v-190b0591] {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral);
}
.changeable-text-element[data-v-190b0591] {
  margin-bottom: 0 !important;
  border: 0 solid transparent;
  box-shadow: 0 0 0;
}
.changeable-text-element > input[data-v-190b0591] {
  font-size: 1.125rem;
  padding: 0;
  background: transparent;
}
.changeable-text-element > input.input-passive[data-v-190b0591] {
  color: var(--text-neutral);
}
.changeable-text-element > input[data-v-190b0591]:focus {
  outline: none;
  box-shadow: 0 0 0;
}
.changeable-text-element > input[data-v-190b0591]::-webkit-input-placeholder {
  /* Edge */
  color: var(--text-neutral);
}
.changeable-text-element > input[data-v-190b0591]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.changeable-text-element > input[data-v-190b0591]::placeholder {
  color: var(--text-neutral);
}
.input-group-br-left-0[data-v-190b0591] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-br-right-0[data-v-190b0591] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-cad6a270]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-cad6a270] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-cad6a270]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-cad6a270] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-cad6a270]:root,
body.dark[data-v-cad6a270] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-cad6a270] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-cad6a270]:root,
body.dark[data-v-cad6a270] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-cad6a270]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-cad6a270]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-cad6a270] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.input-group[data-v-cad6a270] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  box-shadow: none !important;
  color: var(--text-dark);
}
.input-group[data-v-cad6a270]:hover {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group[data-v-cad6a270]:has(input:focus) {
  background-color: var(--form-bg-focus);
  border: 1px solid var(--form-border-focus);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group:has(input:focus) .tag[data-v-cad6a270] {
  background-color: var(--tag-form-bg-hover);
  border: 1px solid var(--tag-form-border-hover);
}
.input-group.disable[data-v-cad6a270] {
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
}
.input-group.disable input[data-v-cad6a270] {
  color: var(--text-neutral);
  box-shadow: 0 !important;
}
.input-group.disable[data-v-cad6a270]:hover {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group .btn[data-v-cad6a270] {
  border-radius: 6px !important;
  margin-right: 10px;
}
.input-group.error[data-v-cad6a270] {
  box-shadow: 0px 0px 4px 0px var(--red-100) !important;
  background-color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}
.input-group input[data-v-cad6a270],
.input-group .input-group-text[data-v-cad6a270] {
  background: transparent;
  border: 0;
}
.input-group .input-group-text[data-v-cad6a270] {
  color: var(--text-neutral);
}
.input-group input[data-v-cad6a270] {
  height: 36px;
  border-radius: 6px;
  font-size: var(--fs-14);
  color: var(--text-dark);
  cursor: pointer;
}
.input-group input[data-v-cad6a270]::-webkit-input-placeholder { /* Edge */
  color: var(--text-neutral);
}
.input-group input[data-v-cad6a270]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.input-group input[data-v-cad6a270]::placeholder {
  color: var(--text-neutral);
}
.input-group .icon-side[data-v-cad6a270] {
  align-items: center;
  height: 100%;
  padding: 0 15px 0 0px;
  color: var(--text-neutral);
}
.input-group .icon[data-v-cad6a270] {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-08dd5e15]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-08dd5e15] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-08dd5e15]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-08dd5e15] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-08dd5e15]:root,
body.dark[data-v-08dd5e15] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-08dd5e15] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-08dd5e15]:root,
body.dark[data-v-08dd5e15] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-08dd5e15]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-08dd5e15]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-08dd5e15] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
div > a[data-v-08dd5e15] {
  font-weight: 500;
  cursor: pointer;
  color: var(--text-dark) !important;
  padding: var(--space-6);
  font-size: var(--fs-14);
}
div > a[data-v-08dd5e15]:hover {
  opacity: 0.7;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-75041bd7]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-75041bd7] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-75041bd7]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-75041bd7] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-75041bd7]:root,
body.dark[data-v-75041bd7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-75041bd7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-75041bd7]:root,
body.dark[data-v-75041bd7] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-75041bd7]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-75041bd7]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-75041bd7] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.logo[data-v-75041bd7] {
  padding: var(--space-16);
  margin-top: var(--space-12);
  margin-bottom: var(--space-16);
}
.logo img[data-v-75041bd7] {
  width: 28px;
  height: auto;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-57781cf6]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-57781cf6] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-57781cf6]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-57781cf6] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-57781cf6]:root,
body.dark[data-v-57781cf6] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-57781cf6] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-57781cf6]:root,
body.dark[data-v-57781cf6] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-57781cf6]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-57781cf6]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-57781cf6] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.form-check[data-v-57781cf6] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  min-height: 16px;
  padding-left: 15px;
}
.form-check-label[data-v-57781cf6] {
  font-size: var(--fs-14);
  color: var(--text-dark);
  margin-left: 10px;
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.form-check-input[data-v-57781cf6] {
  cursor: pointer;
  margin-top: 0;
  margin-left: -15px !important;
  background-color: var(--form-check-radio-bg);
  border: 1px solid var(--form-check-radio-border);
}
.form-check-input[type=checkbox][data-v-57781cf6] {
  border-radius: 4px;
}
.form-check-input[data-v-57781cf6]:checked {
  background-color: var(--accent-100);
  border-color: var(--accent-100);
}
.form-check-input[data-v-57781cf6]:checked:disabled {
  background-color: var(--text-neutral);
  border-color: var(--text-neutral);
  cursor: not-allowed;
}
.form-check-input[data-v-57781cf6]:disabled {
  cursor: default !important;
}
.form-check-input[data-v-57781cf6]:focus, .form-check-input[data-v-57781cf6]:hover {
  box-shadow: var(--shadow-outline) !important;
  cursor: pointer;
}
.icon[data-v-57781cf6] {
  margin-right: 0;
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral);
  font-size: var(--fs-14);
}
.color[data-v-57781cf6] {
  width: 14px;
  height: 14px;
  border-radius: 4px;
}
.color.palette-purple-light[data-v-57781cf6] {
  background-color: var(--palette-purple-color-light);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.steps {
  padding: 0;
  margin: var(--space-0);
  list-style-type: none;
  display: flex;
}
.steps li {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid var(--accent-100);
  margin-right: 5px;
  border-radius: 50%;
}
.steps.step-1 li:nth-child(1) {
  background: var(--accent-100);
}
.steps.step-2 li:nth-child(1) {
  background: var(--accent-100);
}
.steps.step-2 li:nth-child(2) {
  background: var(--accent-100);
}
.steps.step-3 li:nth-child(1) {
  background: var(--accent-100);
}
.steps.step-3 li:nth-child(2) {
  background: var(--accent-100);
}
.steps.step-3 li:nth-child(3) {
  background: var(--accent-100);
}
.steps.step-4 li:nth-child(1) {
  background: var(--accent-100);
}
.steps.step-4 li:nth-child(2) {
  background: var(--accent-100);
}
.steps.step-4 li:nth-child(3) {
  background: var(--accent-100);
}
.steps.step-4 li:nth-child(4) {
  background: var(--accent-100);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9341f535]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9341f535] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9341f535]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9341f535] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9341f535]:root,
body.dark[data-v-9341f535] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9341f535] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9341f535]:root,
body.dark[data-v-9341f535] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9341f535]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9341f535]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9341f535] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.vertical-menu-item[data-v-9341f535] {
  display: flex;
  align-items: center;
  height: 40px;
  padding: var(--space-8) var(--space-16);
  margin-bottom: var(--space-4);
  border-radius: 6px;
  cursor: pointer;
  background-color: var(--button-vertical-menu-sitemap-bg);
  border: 1px solid var(--button-vertical-menu-sitemap-border);
  color: var(--text-dark);
}
.vertical-menu-item[data-v-9341f535]:hover {
  background-color: var(--button-vertical-menu-sitemap-bg-hover);
  border: 1px solid var(--button-vertical-menu-sitemap-border-hover);
}
.vertical-menu-item.active[data-v-9341f535] {
  background-color: var(--button-vertical-menu-bg-active);
  border: 1px solid var(--button-vertical-menu-border-active);
  box-shadow: var(--button-vertical-menu-shadow);
}
.vertical-menu-item > .icon[data-v-9341f535] {
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
  margin-right: 10px;
}
.vertical-menu-item > .content[data-v-9341f535] {
  width: 100%;
  font-size: var(--fs-14);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-20fa600e]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-20fa600e] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-20fa600e]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-20fa600e] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-20fa600e]:root,
body.dark[data-v-20fa600e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-20fa600e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-20fa600e]:root,
body.dark[data-v-20fa600e] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-20fa600e]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-20fa600e]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-20fa600e] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.btn:hover .tag-remove[data-v-20fa600e] {
  display: flex;
}
.btn .tag-remove[data-v-20fa600e] {
  display: none;
}
.tag[data-v-20fa600e] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-12);
  font-weight: 600;
  height: 28px;
  padding: 0 10px;
  margin: var(--space-0);
  border-radius: 6px;
  line-height: 20px;
}
.tag .tag-remove[data-v-20fa600e] {
  margin-left: 6px;
}
.tag .tag-remove[data-v-20fa600e]:hover {
  cursor: pointer;
}
.tag.tag-default[data-v-20fa600e] {
  color: var(--text-neutral);
}
.tag.tag-success[data-v-20fa600e] {
  color: var(--text-light);
  background-color: var(--green-100);
  border-color: var(--green-100);
}
.tag.tag-error[data-v-20fa600e] {
  color: var(--text-light);
  background-color: var(--red-100);
  border-color: var(--red-100);
}
.tag.tag-grey[data-v-20fa600e] {
  background-color: var(--neutral-200);
  border-color: var(--neutral-200);
  color: var(--text-light);
}
.tag.tag-roles[data-v-20fa600e] {
  width: 65px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
}
.tag.tag-light-grey[data-v-20fa600e] {
  background-color: var(--light-300);
  border-color: var(--light-300);
  color: var(--text-neutral);
}
.tag.tag-purple[data-v-20fa600e] {
  background-color: var(--accent-100);
  border-color: var(--accent-100);
  color: var(--text-light);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-98343cc7]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-98343cc7] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-98343cc7]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-98343cc7] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-98343cc7]:root,
body.dark[data-v-98343cc7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-98343cc7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-98343cc7]:root,
body.dark[data-v-98343cc7] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-98343cc7]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-98343cc7]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-98343cc7] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.btn:hover .tag-remove[data-v-98343cc7] {
  display: flex;
}
.btn .tag-remove[data-v-98343cc7] {
  display: none;
}
.tag[data-v-98343cc7] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-14);
  height: 24px;
  padding: var(--space-0) var(--space-6);
  margin: var(--space-0);
  border-radius: 6px;
  line-height: 20px;
}
.tag .tag-remove[data-v-98343cc7] {
  margin-left: var(--space-6);
}
.tag .tag-remove[data-v-98343cc7]:hover {
  cursor: pointer;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e2d93c4b]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e2d93c4b] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e2d93c4b]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e2d93c4b] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e2d93c4b]:root,
body.dark[data-v-e2d93c4b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e2d93c4b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e2d93c4b]:root,
body.dark[data-v-e2d93c4b] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e2d93c4b]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e2d93c4b]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e2d93c4b] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.input-group[data-v-e2d93c4b] {
  border-radius: 6px;
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
}
.input-group[data-v-e2d93c4b]:hover {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group[data-v-e2d93c4b]:focus, .input-group[data-v-e2d93c4b]:active, .input-group[data-v-e2d93c4b]:has(textarea:focus) {
  background-color: var(--form-bg-focus);
  border: 1px solid var(--form-border-focus);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group.error[data-v-e2d93c4b] {
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  box-shadow: var(--form-shadow-outline) !important;
}
.input-group textarea[data-v-e2d93c4b] {
  border: none;
  background: var(--transparent);
  color: var(--text-dark);
  width: 100%;
  resize: none;
  padding: var(--space-12) var(--space-12);
  font-size: var(--fs-14);
  outline: 0 !important;
  min-height: 120px;
}
.input-group textarea.full--height[data-v-e2d93c4b] {
  height: 100%;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-4548878d]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-4548878d] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-4548878d]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-4548878d] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-4548878d]:root,
body.dark[data-v-4548878d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-4548878d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-4548878d]:root,
body.dark[data-v-4548878d] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-4548878d]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-4548878d]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-4548878d] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown[data-v-4548878d] {
  width: 100%;
}
.dropdown .dropdown-menu[data-v-4548878d] {
  width: 100%;
}
.dropdown .dropdown-menu.dropdown-menu-large[data-v-4548878d] {
  width: 100%;
}
.dropdown .dropdown-menu .dropdown-menu-box[data-v-4548878d] {
  padding: var(--space-0);
  min-width: 360px;
}
.dropdown .dropdown-menu .dropdown-menu-list[data-v-4548878d] {
  padding: var(--space-8);
}
.dropdown .dropdown-menu .dropdown-menu-search[data-v-4548878d] {
  background-color: var(--dropdown-bg);
  padding: var(--space-8) var(--space-8) var(--space-0);
  position: sticky;
  top: 0;
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper[data-v-4548878d] {
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  border-radius: 6px;
  min-height: 40px;
  display: flex;
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper[data-v-4548878d]:hover, .dropdown .dropdown-menu .dropdown-menu-search .search-wrapper[data-v-4548878d]:focus, .dropdown .dropdown-menu .dropdown-menu-search .search-wrapper[data-v-4548878d]:active {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper[data-v-4548878d]:has(input:focus) {
  background-color: var(--form-bg-focus);
  border: 1px solid var(--form-border-focus);
  box-shadow: var(--form-shadow-outline) !important;
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper:has(input:focus) .tag[data-v-4548878d] {
  background-color: var(--tag-form-bg-hover);
  border: 1px solid var(--tag-form-border-hover);
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper .icon[data-v-4548878d] {
  color: var(--text-neutral);
  padding: 0 10px;
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper input[data-v-4548878d] {
  background-color: transparent;
  border: 0;
  font-size: var(--fs-14);
  width: 100%;
  padding: 0 15px 0 0;
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper input[type=search][data-v-4548878d]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 11px;
  width: 11px;
  border-radius: 50em;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51169 0.473251C9.77924 0.183396 10.2475 0.183396 10.515 0.473251C10.8049 0.740809 10.8049 1.20904 10.515 1.4766L6.74691 5.24471L10.515 9.03512C10.8049 9.30268 10.8049 9.77091 10.515 10.0385C10.2475 10.3283 9.77924 10.3283 9.51169 10.0385L5.74357 6.27035L1.95316 10.0385C1.6856 10.3283 1.21737 10.3283 0.949813 10.0385C0.659958 9.77091 0.659958 9.30268 0.949813 9.03512L4.71793 5.24471L0.949813 1.4766C0.659958 1.20904 0.659958 0.740809 0.949813 0.473251C1.21737 0.183396 1.6856 0.183396 1.95316 0.473251L5.74357 4.24137L9.51169 0.473251Z' fill='%23999CAF'/%3E%3C/svg%3E%0A");
  background-size: contain;
  cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper input[data-v-4548878d]::-webkit-input-placeholder { /* Edge */
  color: var(--text-neutral);
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper input[data-v-4548878d]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.dropdown .dropdown-menu .dropdown-menu-search .search-wrapper input[data-v-4548878d]::placeholder {
  color: var(--text-neutral);
}
.dropdown .dropdown-menu .dropdown-item[data-v-4548878d] {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-8);
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  font-size: var(--fs-14);
  border-radius: 6px;
  cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-item[data-v-4548878d]:hover, .dropdown .dropdown-menu .dropdown-item.active[data-v-4548878d] {
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
}
.dropdown .dropdown-menu .dropdown-item:hover .key span[data-v-4548878d], .dropdown .dropdown-menu .dropdown-item.active .key span[data-v-4548878d] {
  display: flex;
}
.dropdown .dropdown-menu .dropdown-item.disabled[data-v-4548878d] {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}
.dropdown .dropdown-menu .dropdown-item.disabled[data-v-4548878d]:hover {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
}
.dropdown .dropdown-menu .dropdown-item .icon[data-v-4548878d] {
  width: 30px;
  display: flex;
  align-items: center;
  margin: var(--space-0);
  color: var(--text-neutral);
}
.dropdown .dropdown-menu .dropdown-item .icon img[data-v-4548878d] {
  width: 20px;
  height: 20px;
}
.dropdown .dropdown-menu .dropdown-item .content[data-v-4548878d] {
  flex: 1;
}
.dropdown .dropdown-menu .dropdown-item .content h6[data-v-4548878d] {
  margin: var(--space-0);
  font-size: var(--fs-14);
  font-weight: 500;
}
.dropdown .dropdown-menu .dropdown-item .content p[data-v-4548878d] {
  margin: var(--space-0);
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.dropdown .dropdown-menu .dropdown-item .key[data-v-4548878d] {
  display: flex;
  width: 24px;
  height: 24px;
}
.dropdown .dropdown-menu .dropdown-item .key span[data-v-4548878d] {
  display: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  font-size: var(--fs-12);
  color: var(--text-dark);
  background-color: var(--button-key-bg);
  border: 1px solid var(--button-key-border);
  border-bottom: 2px solid var(--button-key-border);
}
.dropdown .dropdown-menu .create-item .content h6[data-v-4548878d] {
  font-weight: 400;
}
.dropdown .dropdown-menu .create-item-tag[data-v-4548878d] {
  padding: var(--space-2) var(--space-4);
  background-color: var(--tag-create-bg);
  border: 1px solid var(--tag-create-border);
  border-radius: 4px;
  font-weight: 500;
  margin-left: var(--space-2);
}
.dropdown .dropdown-menu .no-results[data-v-4548878d] {
  padding: 10px;
  text-align: center;
  color: var(--text-neutral);
}
.selectbox-state[data-v-4548878d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.selectbox-state-content[data-v-4548878d] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  min-width: 0;
  padding-right: var(--space-8);
}
.selectbox-state-content > span[data-v-4548878d]:not(.icon) {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.icon[data-v-4548878d] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c575532e]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c575532e] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c575532e]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c575532e] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c575532e]:root,
body.dark[data-v-c575532e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c575532e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c575532e]:root,
body.dark[data-v-c575532e] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c575532e]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c575532e]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c575532e] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.seperator[data-v-c575532e] {
  position: relative;
}
.seperator[data-v-c575532e]::after {
  content: "-";
  position: absolute;
  right: -2px;
  top: 7px;
  color: var(--neutral-300);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-db8786d4]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-db8786d4] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-db8786d4]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-db8786d4] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-db8786d4]:root,
body.dark[data-v-db8786d4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-db8786d4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-db8786d4]:root,
body.dark[data-v-db8786d4] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-db8786d4]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-db8786d4]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-db8786d4] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.switch[data-v-db8786d4] {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 28px;
}
.switch.small[data-v-db8786d4] {
  width: 35px;
  height: 20px;
}
.switch.small .slider[data-v-db8786d4]::before {
  height: 16px;
  width: 16px;
  left: 3px;
}
.switch.small input:checked + .slider[data-v-db8786d4]:before {
  transform: translateX(13px);
}
.switch.disabled .slider[data-v-db8786d4] {
  opacity: 0.3;
}
.switch input[data-v-db8786d4] {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider[data-v-db8786d4] {
  background-color: var(--green-100);
}
.switch input:checked + .slider.upgrade[data-v-db8786d4] {
  background-color: var(--accent-100);
}
.switch input:checked + .slider[data-v-db8786d4]:before {
  transform: translateX(22px);
}
.switch .slider[data-v-db8786d4] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--neutral-200);
  transition: 0.4s;
}
.switch .slider.upgrade[data-v-db8786d4] {
  background-color: var(--text-dark);
}
.switch .slider[data-v-db8786d4]::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  bottom: 2px;
  left: 3px;
  background-color: var(--light-100);
  transition: 0.4s;
}
.switch .slider.round[data-v-db8786d4] {
  border-radius: 50px;
}
.switch .slider.round[data-v-db8786d4]::before {
  border-radius: 50%;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a4d9382c]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a4d9382c] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a4d9382c]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a4d9382c] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a4d9382c]:root,
body.dark[data-v-a4d9382c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a4d9382c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a4d9382c]:root,
body.dark[data-v-a4d9382c] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a4d9382c]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a4d9382c]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a4d9382c] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
ul[data-v-a4d9382c] {
  list-style: none;
}
label[data-v-a4d9382c] {
  margin: var(--space-0);
}
.toggle-switch[data-v-a4d9382c] {
  padding: 0;
  margin: var(--space-0);
  display: inline-flex;
}
.toggle-switch li.gutter label[data-v-a4d9382c] {
  border: 1px solid;
  border-radius: 6px;
}
.square li:not(.gutter):first-child label[data-v-a4d9382c] {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.square li:not(.gutter):last-child label[data-v-a4d9382c] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.toggle-switch li[data-v-a4d9382c] {
  position: relative;
}
.toggle-switch li:first-child label[data-v-a4d9382c] {
  border: 1px solid;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.toggle-switch li:last-child label[data-v-a4d9382c] {
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.toggle-switch label[data-v-a4d9382c], .toggle-switch input[data-v-a4d9382c] {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.toggle-switch input[type=radio][data-v-a4d9382c] {
  opacity: 0.01;
  z-index: 100;
}
.toggle-switch li:not(:first-child):not(:last-child) label[data-v-a4d9382c] {
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.toggle-switch .checkIcon[data-v-a4d9382c] {
  margin: auto 10px;
}
.active[data-v-a4d9382c] {
  cursor: pointer;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-f5f5c155]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-f5f5c155] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-f5f5c155]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-f5f5c155] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-f5f5c155]:root,
body.dark[data-v-f5f5c155] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-f5f5c155] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-f5f5c155]:root,
body.dark[data-v-f5f5c155] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-f5f5c155]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-f5f5c155]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-f5f5c155] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.new-label[data-v-f5f5c155] {
  display: flex;
  position: absolute;
}
.new-label .new[data-v-f5f5c155] {
  background: var(--accent-100);
  color: var(--text-light-fixed);
  padding: 3px 6px;
  border-radius: 6px;
  font-size: var(--fs-11);
  font-weight: 600;
  line-height: normal;
  position: relative;
  margin-right: 6px;
}
.new-label .new[data-v-f5f5c155]::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.new-label .new.right[data-v-f5f5c155] {
  margin-left: 0px;
  margin-right: 6px;
}
.new-label .new.right[data-v-f5f5c155]::before {
  right: -5px;
  border-left: 6px solid var(--accent-100);
}
.new-label .new.left[data-v-f5f5c155] {
  margin-left: 6px;
  margin-right: 0;
}
.new-label .new.left[data-v-f5f5c155]::before {
  left: -5px;
  border-right: 6px solid var(--accent-100);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-6d427e32]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-6d427e32] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-6d427e32]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-6d427e32] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-6d427e32]:root,
body.dark[data-v-6d427e32] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-6d427e32] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-6d427e32]:root,
body.dark[data-v-6d427e32] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-6d427e32]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-6d427e32]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-6d427e32] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.upgrade-label[data-v-6d427e32] {
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  background-color: var(--light-100);
  border-radius: 4px;
  color: var(--orange-30);
  box-shadow: var(--shadow-xs-orange);
  font-size: var(--fs-12);
  font-weight: 600;
  line-height: 20px;
  max-height: 22px;
}
.upgrade-label__icon[data-v-6d427e32] {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-light-fixed);
  background: var(--orange-100);
  border-radius: 6px;
  font-size: var(--fs-12);
  line-height: normal;
}
.upgrade-label[data-v-6d427e32] {
  /* small */
}
.upgrade-label.sm[data-v-6d427e32] {
  padding: var(--space-1);
  border-radius: 6px;
}
.upgrade-label.sm span[data-v-6d427e32] {
  display: none;
}
.upgrade-label.sm .icon[data-v-6d427e32] {
  margin-left: var(--space-0);
}
.upgrade-label[data-v-6d427e32] {
  /* business */
}
.upgrade-label.bus[data-v-6d427e32] {
  background-color: var(--light-100);
  box-shadow: var(--shadow-xs-teal);
}
.upgrade-label.bus .upgrade-label__icon[data-v-6d427e32] {
  background: var(--teal-100);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-5b80297e]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-5b80297e] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-5b80297e]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-5b80297e] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-5b80297e]:root,
body.dark[data-v-5b80297e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-5b80297e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-5b80297e]:root,
body.dark[data-v-5b80297e] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-5b80297e]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-5b80297e]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-5b80297e] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown.dropdown-ai-features .dropdown-menu[data-v-5b80297e] {
  width: 255px;
  transform: none !important;
  top: 36px !important;
  left: 5px !important;
}
.dropdown.dropdown-ai-description .dropdown-menu[data-v-5b80297e] {
  transform: none !important;
  top: 36px !important;
  left: 5px !important;
}
.dropdown-menu .dropdown-item[data-v-5b80297e] {
  position: relative;
}
.dropdown-menu .dropdown-has-submenu:hover > .submenu[data-v-5b80297e] {
  display: block;
}
.dropdown-menu .dropdown-has-submenu[data-v-5b80297e] {
  position: relative;
}
.dropdown-menu .dropdown-has-submenu .submenu[data-v-5b80297e] {
  right: -195px;
  top: -5px;
}
.dropdown-menu .dropdown-has-submenu .submenu.submenu-right[data-v-5b80297e] {
  right: -195px;
  left: initial;
}
.dropdown-menu .dropdown-has-submenu .submenu.submenu-left[data-v-5b80297e] {
  top: 5px;
  left: -95px;
  right: initial;
  max-width: 230px;
}
.dropdown-menu .dropdown-has-submenu .submenu .dropdown-item[data-v-5b80297e] {
  cursor: pointer;
}
.dropdown-menu .dropdown-has-submenu .submenu .dropdown-item.active .item-arrow[data-v-5b80297e] {
  background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-check fa-w-14' aria-hidden='true' focusable='false' data-prefix='fal' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath class='' fill='currentColor' d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-flex;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  margin-right: var(--space-0);
}
.dropdown-menu .content[data-v-5b80297e] {
  padding-right: var(--space-12);
}
.dropdown-menu .content h6[data-v-5b80297e] {
  display: flex;
  align-items: center;
  gap: var(--space-6);
}
.dropdown-menu .icon[data-v-5b80297e] {
  font-size: var(--fs-16) !important;
}
.dropdown-menu .checkbox[data-v-5b80297e] {
  width: 28px;
  margin-right: var(--space-12);
}
.dropdown-menu .radio[data-v-5b80297e] {
  width: 23px;
  margin-right: var(--space-12);
}
.dropdown-disabled .btn-with-ai[data-v-5b80297e] {
  opacity: 1;
  background-color: var(--light-200) !important;
  border-color: var(--light-200) !important;
  color: var(--dark-200) !important;
}
.dropdown-disabled .btn-with-ai[data-v-5b80297e]:hover, .dropdown-disabled .btn-with-ai[data-v-5b80297e]:focus, .dropdown-disabled .btn-with-ai[data-v-5b80297e]:active {
  background-color: var(--light-200) !important;
  border-color: var(--light-200) !important;
  color: var(--dark-200) !important;
}
.dropdown-disabled .btn-with-ai .loading-ai[data-v-5b80297e] {
  display: flex;
}
.dropdown-disabled .btn-with-ai .icon-angle[data-v-5b80297e] {
  display: none;
}
.dropdown-disabled .btn-with-ai .icon-angle[data-v-5b80297e] {
  margin-left: var(--space-12) !important;
}
.loading-ai[data-v-5b80297e] {
  margin-left: var(--space-12);
  width: 30px;
  margin-right: var(--space-negative-6);
  display: none;
}
.loading-ai .loader[data-v-5b80297e] {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
  color: var(--text-dark);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
}
.mr-5[data-v-5b80297e] {
  margin-right: 5px !important;
}
.width25[data-v-5b80297e] {
  width: 25px;
  height: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iconBox[data-v-5b80297e] {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-name[data-v-5b80297e] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-name .icon-angle[data-v-5b80297e] {
  margin-left: 5px;
}
.actionBar .dropdown-menu[data-v-5b80297e] {
  inset: 30px auto auto 5px !important;
}
.actionbar .btn-default[data-v-5b80297e] {
  background-color: var(--light-300);
  color: var(--text-dark);
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  padding: 5px;
  margin-right: 3px;
}
.actionbar .btn-default[data-v-5b80297e]:hover {
  background-color: var(--light-100) !important;
  color: var(--dark-200) !important;
}
.btn-actionbar[data-v-5b80297e] {
  background-color: var(--light-300);
  color: var(--text-dark);
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  padding: 5px;
  margin-right: 3px;
}
.btn-actionbar[data-v-5b80297e]:hover {
  background-color: var(--light-100) !important;
}
.btn-actionbar .icon[data-v-5b80297e] {
  width: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-actionbar .icon-angle[data-v-5b80297e] {
  margin-left: 0;
}
.btn--icon[data-v-5b80297e] {
  min-height: 34px;
}
.icon[data-v-5b80297e] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon.icon-no-margin[data-v-5b80297e] {
  margin: var(--space-0);
}
.icon img[data-v-5b80297e] {
  width: 16px;
  height: 16px;
  display: block;
  object-fit: contain;
}
.switch[data-v-5b80297e] {
  margin-right: 5px;
}
.info[data-v-5b80297e] {
  padding: 0.25rem 1rem;
  font-size: var(--fs-12);
  color: var(--text-neutral);
  display: flex;
  flex-direction: column;
}
.info .span[data-v-5b80297e] {
  display: flex;
}
.disabled-li[data-v-5b80297e] {
  pointer-events: none;
}
.disabled-li a[data-v-5b80297e] {
  opacity: 0.15;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-dc65225f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-dc65225f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-dc65225f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-dc65225f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-dc65225f]:root,
body.dark[data-v-dc65225f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-dc65225f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-dc65225f]:root,
body.dark[data-v-dc65225f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-dc65225f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-dc65225f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-dc65225f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.btn-group[data-v-dc65225f] {
  width: 100%;
}
.dropdown-menu[data-v-dc65225f] {
  min-width: 300px;
}
.btn-dropdown[data-v-dc65225f] {
  width: 100%;
  text-align: left;
  padding: 0 15px;
}
.btn-dropdown .selectbox-state[data-v-dc65225f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.dropdown-content[data-v-dc65225f] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  width: 90%;
  display: flex;
  margin-top: 5px;
}
.dropdown-menu .dropdown-item[data-v-dc65225f] {
  padding: 0.5rem 1rem;
  align-items: flex-start;
}
.dropdown-menu .dropdown-item > .icon[data-v-dc65225f] {
  width: 30px;
  margin-right: 5px;
  color: var(--text-dark);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-14);
  margin-top: 3px;
}
.dropdown-menu .dropdown-item > .content[data-v-dc65225f] {
  width: 100%;
  white-space: initial;
  margin: 0 5px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.dropdown-menu .dropdown-item > .content > h6[data-v-dc65225f] {
  font-size: var(--fs-14);
  font-weight: 600;
  margin: var(--space-0);
  margin-bottom: 5px;
}
.dropdown-menu .dropdown-item > .content > p[data-v-dc65225f] {
  margin-bottom: 0;
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.dropdown-menu .dropdown-item > .arrow[data-v-dc65225f] {
  width: 15px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c84c518a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c84c518a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c84c518a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c84c518a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c84c518a]:root,
body.dark[data-v-c84c518a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c84c518a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c84c518a]:root,
body.dark[data-v-c84c518a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c84c518a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c84c518a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c84c518a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown-menu[data-v-c84c518a] {
  min-width: 100%;
  left: 1px !important;
}
.dropdown-menu .dropdown-item[data-v-c84c518a] {
  justify-content: space-between;
}
.dropdown-menu .dropdown-item .dropdown-tags[data-v-c84c518a] {
  display: flex;
  justify-content: space-between;
}
.dropdown-menu .dropdown-item .create[data-v-c84c518a] {
  height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5px;
  font-size: var(--fs-14);
}
.tag-area[data-v-c84c518a] {
  position: relative;
  cursor: pointer;
  width: 100%;
}
.tag-area:hover .tag-area-wrapper[data-v-c84c518a] {
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
}
.tag-area:hover .tag-area-wrapper .btn-grey[data-v-c84c518a] {
  background-color: var(--accent-100);
  border-color: var(--accent-100);
  color: var(--light-100);
}
.tag-area:hover .tag-area-wrapper .btn-grey[data-v-c84c518a]:hover {
  background-color: var(--accent-200);
  border-color: var(--accent-200);
}
.tag-area:hover .tag-area-wrapper .btn-grey .tag-remove[data-v-c84c518a] {
  display: flex !important;
}
.tag-area-wrapper[data-v-c84c518a] {
  width: 100%;
  border-radius: 6px;
  background-color: var(--light-300);
  border: 2px solid var(--light-300);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
}
.tag-area-wrapper .tagelements[data-v-c84c518a] {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  font-size: var(--fs-14);
  padding: 6px 10px;
}
.tag-area-wrapper .tag .tag-remove[data-v-c84c518a] {
  display: none !important;
}
.tag-area-wrapper[data-v-c84c518a]:hover {
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
}
.tag-area-wrapper:hover .btn-grey[data-v-c84c518a] {
  background-color: var(--accent-100);
  border-color: var(--accent-100);
  color: var(--light-100);
}
.tag-area-wrapper:hover .btn-grey[data-v-c84c518a]:hover {
  background-color: var(--accent-200);
  border-color: var(--accent-200);
}
.tag-area-wrapper:hover .btn-grey .tag-remove[data-v-c84c518a] {
  display: flex !important;
}
.tag-area-wrapper[data-v-c84c518a]:focus, .tag-area-wrapper[data-v-c84c518a]:active {
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
}
.tag-area-wrapper:focus .btn-grey[data-v-c84c518a], .tag-area-wrapper:active .btn-grey[data-v-c84c518a] {
  background-color: var(--accent-100);
  border-color: var(--accent-100);
  color: var(--light-100);
}
.tag-area-wrapper:focus .btn-grey[data-v-c84c518a]:hover, .tag-area-wrapper:active .btn-grey[data-v-c84c518a]:hover {
  background-color: var(--accent-200);
  border-color: var(--accent-200);
}
.tag-search-input[data-v-c84c518a] {
  padding: 0.375rem 0.75rem;
  border: none;
  background: transparent;
  width: 100%;
  height: 36px;
  font-size: var(--fs-14);
}
.tag-search-input[data-v-c84c518a]::-webkit-input-placeholder { /* Edge */
  color: var(--text-neutral);
}
.tag-search-input[data-v-c84c518a]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.tag-search-input[data-v-c84c518a]::placeholder {
  color: var(--text-neutral);
}
.tag-search-input[data-v-c84c518a]:focus {
  outline: none;
}
.tag-area-dropdown[data-v-c84c518a] {
  position: absolute;
  z-index: 10;
  margin-top: 1px;
  background: #ffffff;
  width: 100%;
  padding: 10px;
  color: var(--text-neutral);
  box-shadow: var(--shadow-lg);
  border-radius: 6px;
}
.tag-area-dropdown > div[data-v-c84c518a] {
  margin: var(--space-0);
}
.tag-area-dropdown .dropdown-heading[data-v-c84c518a] {
  font-size: var(--fs-12);
}
.tag-area-dropdown .dropdown-footer[data-v-c84c518a] {
  font-size: var(--fs-14);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9f379bfe]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9f379bfe] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9f379bfe]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9f379bfe] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9f379bfe]:root,
body.dark[data-v-9f379bfe] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9f379bfe] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9f379bfe]:root,
body.dark[data-v-9f379bfe] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9f379bfe]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9f379bfe]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9f379bfe] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown[data-v-9f379bfe] {
  width: 100%;
}
.dropdown-menu[data-v-9f379bfe] {
  width: 100%;
}
.dropdown-menu-head[data-v-9f379bfe] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dropdown-menu-head .title[data-v-9f379bfe] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 60%;
  font-weight: 500;
}
.dropdown-menu-head .button[data-v-9f379bfe] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 40%;
}
.iconBox[data-v-9f379bfe] {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-557da0cd]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-557da0cd] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-557da0cd]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-557da0cd] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-557da0cd]:root,
body.dark[data-v-557da0cd] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-557da0cd] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-557da0cd]:root,
body.dark[data-v-557da0cd] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-557da0cd]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-557da0cd]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-557da0cd] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.popup-wrapper[data-v-557da0cd] {
  position: fixed;
  top: var(--space-0);
  left: var(--space-0);
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  padding: var(--space-0);
  transition: opacity 250ms ease 0s;
  overflow-y: auto;
}
.popup-wrapper .modal-dialog[data-v-557da0cd] {
  min-width: 580px;
  max-width: 100%;
}
.popup-wrapper .modal-content[data-v-557da0cd] {
  background-color: var(--light-100);
  border-radius: 14px;
  border: 0;
  animation: slideTop 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  margin: 100px var(--space-0);
}
.popup-wrapper .modal-header[data-v-557da0cd] {
  text-align: left;
  border: 0;
  width: 100%;
  min-height: 90px;
}
.popup-wrapper .modal-header .title-wrapper[data-v-557da0cd] {
  width: 100%;
}
.popup-wrapper .modal-header p[data-v-557da0cd] {
  margin-bottom: var(--space-0);
  color: var(--text-neutral);
}
.popup-wrapper .modal-header .close-action[data-v-557da0cd] {
  position: absolute;
  right: var(--space-0);
  top: var(--space-0);
  padding: var(--space-32);
}
.popup-wrapper .modal-screen-header[data-v-557da0cd] {
  background: var(--card-bg);
  border-left: 1px solid var(--card-border);
  position: fixed;
  width: 400px;
  right: var(--space-0);
  z-index: 101;
  padding: var(--space-8) !important;
  min-height: 54px;
  height: 54px;
}
@media (max-width: 968px) {
.popup-wrapper .modal-screen-header.publish[data-v-557da0cd] {
    width: 300px;
}
}
@media (max-width: 668px) {
.popup-wrapper .modal-screen-header.publish[data-v-557da0cd] {
    width: 100%;
    left: var(--space-0);
    right: initial;
    background-color: var(--light-100);
    border-bottom: 3px solid var(--accent-100);
}
}
.popup-wrapper .modal-screen-header .close-action[data-v-557da0cd] {
  position: relative;
  padding: 0;
}
.popup-wrapper .modal-screen-header .close-action .btn-cancel[data-v-557da0cd] {
  width: 40px;
  height: 40px;
  font-size: var(--fs-24);
}
.popup-wrapper.edit-popup .modal-content[data-v-557da0cd] {
  border-radius: var(--shadow-sm) !important;
}
.popup-wrapper.edit-popup.publish .modal-fullscreen[data-v-557da0cd] {
  width: auto;
  min-width: auto;
}
.popup-wrapper .modal-fullscreen[data-v-557da0cd] {
  padding: 10px;
}
.popup-wrapper .modal-fullscreen .modal-content[data-v-557da0cd] {
  margin: 0 !important;
  border-radius: 14px;
  overflow: hidden;
}
.popup-wrapper .modal-fullscreen .modal-body[data-v-557da0cd] {
  background-color: var(--layout-screen-bg);
  border-radius: var(--space-0) !important;
  overflow: auto !important;
  color: var(--text-dark);
}
.popup-wrapper .modal-fullscreen .modal-body div[data-v-557da0cd] {
  color: var(--text-dark);
}
.popup-wrapper .modal-body[data-v-557da0cd] {
  text-align: left;
  color: var(--text-dark);
}
.popup-wrapper .modal-body p[data-v-557da0cd] {
  font-size: var(--fs-24);
}
.popup-wrapper .modal-footer[data-v-557da0cd] {
  display: flex;
  gap: var(--space-8);
  padding: var(--space-0) var(--space-16) var(--space-16);
  border: var(--space-0);
}
.popup-wrapper .body-modal-screen[data-v-557da0cd] {
  margin: 57px 400px var(--space-0) var(--space-0);
}
@media (max-width: 968px) {
.popup-wrapper .body-modal-screen[data-v-557da0cd] {
    margin: 57px 300px var(--space-0) var(--space-0);
}
}
@media (max-width: 668px) {
.popup-wrapper .body-modal-screen[data-v-557da0cd] {
    margin: 57px var(--space-0) 207px var(--space-0);
}
}
.modal-onboarding .modal-content[data-v-557da0cd] {
  background-color: var(--modal-bg-dark);
}
.modal-onboarding .modal-title[data-v-557da0cd] {
  font-weight: 700;
  font-size: var(--fs-32);
  background: var(--accent-linear);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
}
.modal-onboarding .modal-header .close-action[data-v-557da0cd] {
  padding: var(--space-32);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-14fd5be5]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-14fd5be5] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-14fd5be5]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-14fd5be5] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-14fd5be5]:root,
body.dark[data-v-14fd5be5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-14fd5be5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-14fd5be5]:root,
body.dark[data-v-14fd5be5] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-14fd5be5]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-14fd5be5]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-14fd5be5] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown[data-v-14fd5be5] {
  width: 100%;
}
.dropdown .dropdown-menu[data-v-14fd5be5] {
  width: 100%;
}
.dropdown .dropdown-menu.dropdown-menu-large[data-v-14fd5be5] {
  width: 100%;
}
.dropdown .dropdown-menu .dropdown-menu-box[data-v-14fd5be5] {
  min-width: 360px;
  padding: var(--space-16) var(--space-8) var(--space-8);
}
.dropdown .dropdown-menu .dropdown-menu-list[data-v-14fd5be5] {
  padding: var(--space-8);
}
.dropdown .dropdown-menu .dropdown-item[data-v-14fd5be5] {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-8);
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  font-size: var(--fs-14);
  border-radius: 6px;
  cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-item[data-v-14fd5be5]:hover, .dropdown .dropdown-menu .dropdown-item.active[data-v-14fd5be5] {
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
}
.dropdown .dropdown-menu .dropdown-item:hover .key span[data-v-14fd5be5], .dropdown .dropdown-menu .dropdown-item.active .key span[data-v-14fd5be5] {
  display: flex;
}
.dropdown .dropdown-menu .dropdown-item .icon[data-v-14fd5be5] {
  width: 30px;
  display: flex;
  align-items: center;
  margin: var(--space-0);
  color: var(--text-neutral);
}
.dropdown .dropdown-menu .dropdown-item .icon img[data-v-14fd5be5] {
  width: 20px;
  height: 20px;
}
.dropdown .dropdown-menu .dropdown-item .content[data-v-14fd5be5] {
  flex: 1;
}
.dropdown .dropdown-menu .dropdown-item .content h6[data-v-14fd5be5] {
  margin: var(--space-0);
  font-size: var(--fs-14);
  font-weight: 500;
}
.dropdown .dropdown-menu .dropdown-item .content p[data-v-14fd5be5] {
  margin: var(--space-0);
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.dropdown .dropdown-menu .dropdown-item .key[data-v-14fd5be5] {
  display: flex;
  width: 24px;
  height: 24px;
}
.dropdown .dropdown-menu .dropdown-item .key span[data-v-14fd5be5] {
  display: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  font-size: var(--fs-12);
  color: var(--text-dark);
  background-color: var(--button-key-bg);
  border: 1px solid var(--button-key-border);
  border-bottom: 2px solid var(--button-key-border);
}
.dropdown .dropdown-menu .create-item .content h6[data-v-14fd5be5] {
  font-weight: 400;
}
.dropdown .dropdown-menu .create-item-tag[data-v-14fd5be5] {
  padding: var(--space-2) var(--space-4);
  background-color: var(--tag-create-bg);
  border: 1px solid var(--tag-create-border);
  border-radius: 4px;
  font-weight: 500;
  margin-left: var(--space-2);
}
.dropdown .dropdown-menu .no-results[data-v-14fd5be5] {
  padding: 10px;
  text-align: center;
  color: var(--text-neutral);
}
.btn--select[data-v-14fd5be5] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 6px;
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  box-shadow: none !important;
  gap: var(--space-4);
  padding: var(--space-4);
  position: relative;
  min-height: 42px;
  width: 100%;
  cursor: pointer;
}
.btn--select[data-v-14fd5be5]:hover, .btn--select[data-v-14fd5be5]:focus, .btn--select[data-v-14fd5be5]:active {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.btn--select[data-v-14fd5be5]:has(input:focus) {
  background-color: var(--form-bg-focus);
  border: 1px solid var(--form-border-focus);
  box-shadow: var(--form-shadow-outline) !important;
}
.btn--select:has(input:focus) .tag[data-v-14fd5be5] {
  background-color: var(--tag-form-bg-hover);
  border: 1px solid var(--tag-form-border-hover);
}
.btn--select-tags[data-v-14fd5be5] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: var(--fs-14);
  padding: 0;
  width: 100%;
  position: relative;
  min-height: 27px;
}
.btn--select-angle-down[data-v-14fd5be5] {
  font-size: var(--fs-16);
  position: absolute;
  right: 10px;
  top: 3px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-5dad1b10]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-5dad1b10] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-5dad1b10]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-5dad1b10] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-5dad1b10]:root,
body.dark[data-v-5dad1b10] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-5dad1b10] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-5dad1b10]:root,
body.dark[data-v-5dad1b10] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-5dad1b10]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-5dad1b10]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-5dad1b10] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.content-card .content-card-header[data-v-5dad1b10] {
  padding: var(--space-0) var(--space-0) var(--space-16) var(--space-0);
  display: flex;
  justify-content: space-between;
}
.content-card .content-card-header h1[data-v-5dad1b10] {
  margin: var(--space-0);
  margin-bottom: var(--space-16);
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-card .content-card-header h1 img[data-v-5dad1b10] {
  margin-right: var(--space-16);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-81ef0329]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-81ef0329] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-81ef0329]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-81ef0329] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-81ef0329]:root,
body.dark[data-v-81ef0329] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-81ef0329] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-81ef0329]:root,
body.dark[data-v-81ef0329] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-81ef0329]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-81ef0329]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-81ef0329] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.content-card .content-card-header[data-v-81ef0329] {
  padding: 0 0 20px 0;
  display: flex;
  justify-content: space-between;
}
.content-card .content-card-header h1[data-v-81ef0329] {
  margin: var(--space-0);
}
.content-card .content-card-header button[data-v-81ef0329] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  padding: 5px 10px;
  border-radius: 6px;
  font-weight: 600;
  color: var(--neutral-300);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-891dcc8e]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-891dcc8e] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-891dcc8e]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-891dcc8e] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-891dcc8e]:root,
body.dark[data-v-891dcc8e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-891dcc8e] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-891dcc8e]:root,
body.dark[data-v-891dcc8e] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-891dcc8e]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-891dcc8e]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-891dcc8e] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.popup[data-v-891dcc8e] {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 250ms ease 0s;
}
.popup .modal-dialog[data-v-891dcc8e] {
  min-width: 580px;
}
.popup .modal-content[data-v-891dcc8e] {
  background-color: var(--card-bg);
  border-radius: 6px;
  border: 0;
  animation: slideTop 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.popup .modal-header[data-v-891dcc8e] {
  text-align: left;
  border: 0;
  padding: var(--space-32) var(--space-32) var(--space-16);
  justify-content: space-between;
}
.popup .modal-header p[data-v-891dcc8e] {
  margin-bottom: var(--space-0);
  color: var(--text-neutral);
}
.popup .modal-body[data-v-891dcc8e] {
  text-align: left;
  padding: var(--space-0) var(--space-32);
  font-size: var(--fs-14);
}
.popup .modal-body p[data-v-891dcc8e] {
  display: flex;
  font-size: var(--fs-14);
  margin-bottom: var(--space-8);
}
.popup .modal-footer[data-v-891dcc8e] {
  display: flex;
  border: 0;
  padding: var(--space-20) var(--space-32) var(--space-20);
  gap: var(--space-8);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-0af0f9d5]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-0af0f9d5] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-0af0f9d5]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-0af0f9d5] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-0af0f9d5]:root,
body.dark[data-v-0af0f9d5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-0af0f9d5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-0af0f9d5]:root,
body.dark[data-v-0af0f9d5] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-0af0f9d5]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-0af0f9d5]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-0af0f9d5] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown-menu[data-v-0af0f9d5] {
  width: 300px;
}
.photo-upload-widget .photo-upload-heading[data-v-0af0f9d5] {
  font-size: var(--fs-12);
  padding: var(--space-8);
  color: var(--text-neutral);
  text-transform: uppercase;
}
.photo-upload-widget .photo-upload-body[data-v-0af0f9d5] {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.photo-upload-widget .photo-upload-body .photo-upload-body-div[data-v-0af0f9d5] {
  width: 100%;
}
.photo-upload-widget .photo-upload-body .photo-upload-area[data-v-0af0f9d5] {
  border-top: 1px dashed var(--border-neutral-dark);
  border-bottom: 1px dashed var(--border-neutral-dark);
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.photo-upload-widget .photo-upload-body .photo-upload-area.drag-state-active[data-v-0af0f9d5] {
  background: var(--neutral-100);
}
.photo-upload-widget .photo-upload-body .photo-upload-area .photo-upload-label[data-v-0af0f9d5] {
  font-size: var(--fs-13);
  text-align: center;
  color: var(--text-neutral);
  width: 60%;
  line-height: 15px;
  pointer-events: none;
}
.photo-upload-widget .photo-upload-body .photo-upload-preview[data-v-0af0f9d5] {
  width: 100%;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/assets/png/upload-dropzone-bg-fD0ag3tb.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
.photo-upload-widget .photo-upload-body .photo-upload-preview .image-preview[data-v-0af0f9d5] {
  height: 100%;
  overflow: hidden;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.photo-upload-widget .photo-upload-body .photo-upload-crosshair[data-v-0af0f9d5] {
  position: absolute;
  border: 1px dashed var(--border-accent-dark);
  width: 150px;
  height: 150px;
}
.photo-upload-widget .photo-upload-seperator[data-v-0af0f9d5] {
  font-size: var(--fs-12);
  text-align: center;
  color: var(--text-neutral);
}
.photo-upload-widget .photo-zoom-slider-wrapper[data-v-0af0f9d5] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--space-8) var(--space-0);
}
.photo-upload-widget .photo-zoom-slider-wrapper .photo-zoom-slider[data-v-0af0f9d5] {
  width: 180px;
  -webkit-appearance: none;
  appearance: none;
  height: 5px;
  border-radius: 50px;
  background: var(--neutral-100);
  outline: none;
}
.photo-upload-widget .photo-zoom-slider-wrapper .photo-zoom-slider[data-v-0af0f9d5]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  opacity: 1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  background: var(--light-100);
  cursor: pointer;
}
.photo-upload-widget .photo-zoom-slider-wrapper .slider-button[data-v-0af0f9d5] {
  padding: var(--space-6) var(--space-12);
  display: flex;
  align-items: center;
  font-size: var(--fs-14);
}
.photo-upload-widget .photo-upload-footer[data-v-0af0f9d5] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-8);
  gap: var(--space-8);
}
.photo-upload-widget .photo-upload-footer.footer-to-right[data-v-0af0f9d5] {
  justify-content: flex-end;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-1420d603]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-1420d603] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-1420d603]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-1420d603] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-1420d603]:root,
body.dark[data-v-1420d603] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-1420d603] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-1420d603]:root,
body.dark[data-v-1420d603] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-1420d603]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-1420d603]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-1420d603] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown-menu[data-v-1420d603] {
  width: 300px;
}
.cover-upload-widget .cover-upload-body[data-v-1420d603] {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  display: none;
}
.cover-upload-widget .cover-upload-body .cover-upload-area[data-v-1420d603] {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cover-upload-widget .cover-upload-body .cover-upload-area.drag-state-active[data-v-1420d603] {
  background: var(--neutral-100);
}
.cover-upload-widget .cover-upload-body .cover-upload-area .cover-upload-label[data-v-1420d603] {
  font-size: var(--fs-14);
  text-align: center;
  color: var(--text-neutral);
  pointer-events: none;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cover-upload-widget .cover-upload-body .cover-upload-preview[data-v-1420d603] {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/assets/png/upload-dropzone-bg-fD0ag3tb.png");
  background-size: contain;
  background-repeat: repeat;
  background-position: center center;
  overflow: hidden;
}
.cover-upload-widget .cover-upload-body .cover-upload-preview .cover-preview[data-v-1420d603] {
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}
.cover-upload-widget .cover-upload-body .cover-upload-crosshair[data-v-1420d603] {
  position: absolute;
  border: 1px dashed var(--accent-100);
  width: 99%;
  height: 95%;
}
.cover-upload-widget .cover-upload-seperator[data-v-1420d603] {
  font-size: var(--fs-14);
  text-align: center;
  color: var(--text-neutral);
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
.cover-upload-widget .cover-zoom-slider-wrapper[data-v-1420d603] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 40px;
  position: absolute;
}
.cover-upload-widget .cover-zoom-slider-wrapper .cover-zoom-slider[data-v-1420d603] {
  width: 180px;
  -webkit-appearance: none;
  appearance: none;
  height: 5px;
  border-radius: 50px;
  background: var(--neutral-100);
  outline: none;
}
.cover-upload-widget .cover-zoom-slider-wrapper .cover-zoom-slider[data-v-1420d603]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  opacity: 1;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  background: var(--light-100);
  cursor: pointer;
}
.cover-upload-widget .cover-zoom-slider-wrapper .slider-button[data-v-1420d603] {
  padding: 5px 13px;
  display: flex;
  align-items: center;
  font-size: var(--fs-14);
}
.cover-upload-widget .cover-upload-footer[data-v-1420d603] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cover-upload-widget .cover-upload-footer.cancel-upload[data-v-1420d603] {
  position: absolute;
  right: 40px;
  bottom: 20px;
}
.cover-upload-widget .cover-upload-footer.footer-to-right[data-v-1420d603] {
  justify-content: flex-end;
}
.cover[data-v-1420d603] {
  width: 100%;
  min-height: 140px;
  padding: 0;
  margin-bottom: -70px;
  position: relative;
  background-color: var(--light-300);
  border-top: 1px solid var(--border-neutral);
  border-bottom: 1px solid var(--border-neutral);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-651e5f8a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-651e5f8a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-651e5f8a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-651e5f8a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-651e5f8a]:root,
body.dark[data-v-651e5f8a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-651e5f8a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-651e5f8a]:root,
body.dark[data-v-651e5f8a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-651e5f8a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-651e5f8a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-651e5f8a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.avatar[data-v-651e5f8a] {
  display: flex;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.avatar:hover .avatar--border[data-v-651e5f8a] {
  background-color: var(--border-neutral-dark);
}
.avatar:hover .avatar--image[data-v-651e5f8a] {
  background-color: var(--light-100);
}
.avatar.imageXXS .avatar--name[data-v-651e5f8a] {
  font-size: var(--fs-10);
}
.avatar.imageXXS .avatar--border[data-v-651e5f8a] {
  background-color: var(--transparent);
  mask-image: none;
}
.avatar.imageXXS .avatar--border[data-v-651e5f8a]:hover {
  background-color: var(--transparent);
  mask-image: none;
  box-shadow: none;
}
.avatar.imageXS .avatar--name[data-v-651e5f8a] {
  font-size: var(--fs-10);
}
.avatar.imageS .avatar--name[data-v-651e5f8a] {
  font-size: var(--fs-16);
}
.avatar.imageM .avatar--name[data-v-651e5f8a] {
  font-size: var(--fs-18);
}
.avatar.imageL .avatar--name[data-v-651e5f8a] {
  font-size: var(--fs-48);
}
.avatar.imageXL .avatar--name[data-v-651e5f8a] {
  font-size: var(--fs-48);
}
.avatar .avatar--border[data-v-651e5f8a] {
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  background-color: var(--border-neutral-dark);
  display: flex;
  justify-content: center;
  align-items: center;
}
.avatar .avatar--border[data-v-651e5f8a]:hover {
  background-color: var(--border-neutral);
  box-shadow: var(--shadow-outline);
}
.avatar .avatar--image[data-v-651e5f8a] {
  background-color: var(--light-100);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral);
  font-size: var(--fs-16);
  font-weight: 600;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}
.avatar .avatar--image img[data-v-651e5f8a] {
  border-radius: 6px;
}
.avatar .avatar--name[data-v-651e5f8a] {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-df1ee2ec]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-df1ee2ec] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-df1ee2ec]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-df1ee2ec] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-df1ee2ec]:root,
body.dark[data-v-df1ee2ec] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-df1ee2ec] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-df1ee2ec]:root,
body.dark[data-v-df1ee2ec] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-df1ee2ec]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-df1ee2ec]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-df1ee2ec] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.buttons .btn[data-v-df1ee2ec] {
  margin: var(--space-0);
}
.user-name[data-v-df1ee2ec] {
  font-weight: 600;
  margin-bottom: 15px;
}
.user-avatar[data-v-df1ee2ec] {
  overflow: hidden;
  width: 140px;
  height: 140px;
  position: relative;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-avatar > img[data-v-df1ee2ec] {
  background-color: rgb(244, 244, 245);
  border-radius: 4px;
  display: block;
  height: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 100%;
  z-index: 0;
}
.user-avatar > .text-avatar[data-v-df1ee2ec] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  color: var(--text-light);
  background: var(--neutral-200);
  font-size: var(--fs-24);
  font-weight: 700;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}
.user-avatar > .text-avatar h1[data-v-df1ee2ec] {
  color: var(--text-light);
  margin: var(--space-0);
}
.cover[data-v-df1ee2ec] {
  width: 100%;
  height: 190px;
  background-color: var(--light-200);
  border-top: 1px dashed var(--neutral-100);
  border-bottom: 1px dashed var(--neutral-100);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-7b52d304]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-7b52d304] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-7b52d304]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-7b52d304] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-7b52d304]:root,
body.dark[data-v-7b52d304] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-7b52d304] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-7b52d304]:root,
body.dark[data-v-7b52d304] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-7b52d304]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-7b52d304]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-7b52d304] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.buttons .btn[data-v-7b52d304] {
  margin: var(--space-0);
}
.workspaceurl[data-v-7b52d304] {
  color: var(--text-neutral);
}
.user-name[data-v-7b52d304] {
  font-weight: 600;
  margin-bottom: 15px;
}
.user-avatar[data-v-7b52d304] {
  overflow: hidden;
  width: 140px;
  height: 140px;
  position: relative;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-avatar > img[data-v-7b52d304] {
  background-color: rgb(244, 244, 245);
  border-radius: 4px;
  display: block;
  height: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 100%;
  z-index: 0;
}
.user-avatar > .text-avatar[data-v-7b52d304] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  color: var(--text-light);
  background: var(--neutral-200);
  font-size: var(--fs-24);
  font-weight: 700;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}
.user-avatar > .text-avatar h1[data-v-7b52d304] {
  color: var(--text-light);
  margin: var(--space-0);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a605b0b0]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a605b0b0] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a605b0b0]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a605b0b0] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a605b0b0]:root,
body.dark[data-v-a605b0b0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a605b0b0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a605b0b0]:root,
body.dark[data-v-a605b0b0] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a605b0b0]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a605b0b0]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a605b0b0] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown-menu[data-v-a605b0b0] {
  width: 250px;
}
.dropdown-menu-box[data-v-a605b0b0] {
  padding: 0 !important;
  overflow: hidden !important;
}
.dropdown-item[data-v-a605b0b0] {
  gap: var(--space-4);
}
.dropdown-item .sublabels[data-v-a605b0b0] {
  display: flex;
  gap: var(--space-4);
  position: absolute;
  right: var(--space-12);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-3df3cbd5]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-3df3cbd5] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-3df3cbd5]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-3df3cbd5] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-3df3cbd5]:root,
body.dark[data-v-3df3cbd5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-3df3cbd5] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-3df3cbd5]:root,
body.dark[data-v-3df3cbd5] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-3df3cbd5]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-3df3cbd5]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-3df3cbd5] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.workspace--list[data-v-3df3cbd5] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  gap: var(--space-12);
}
.workspace--list:hover .publish-menu-tooltip[data-v-3df3cbd5] {
  display: flex;
}
.workspace--list:hover .c-border[data-v-3df3cbd5] {
  background-color: var(--border-neutral-dark);
}
.workspace--list:hover .c-image[data-v-3df3cbd5] {
  background-color: var(--light-100);
}
.workspace--list .c-name[data-v-3df3cbd5] {
  display: flex;
  width: 100%;
  flex-grow: 1;
  text-align: left;
  overflow: hidden;
  outline: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 1;
  font-size: var(--fs-14);
  line-height: 20px;
}
.workspace--list .c-name span[data-v-3df3cbd5]:first-child {
  font-size: var(--fs-14);
  font-weight: 500;
  text-align: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  letter-spacing: -0.6px;
}
.workspace--list .c-name span[data-v-3df3cbd5]:nth-of-type(2) {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  margin-top: var(--space-negative-2);
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 95%;
  letter-spacing: -0.6px;
}
.workspace--list .c-arrow[data-v-3df3cbd5] {
  margin-left: auto;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-blue);
}
.workspace--list .c-arrow .arrow-right[data-v-3df3cbd5] {
  color: var(--text-neutral);
}
.workspace--list .c-arrow.check[data-v-3df3cbd5]:before {
  content: "";
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
}
.workspace--list.just-avatar[data-v-3df3cbd5] {
  display: flex;
  position: absolute;
  top: 30px;
  left: 27px;
  width: auto;
}
.workspace--list.just-avatar .avatar--border[data-v-3df3cbd5] {
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  background-color: var(--border-neutral-dark);
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
}
.workspace--list.just-avatar .avatar--border[data-v-3df3cbd5]:hover {
  background-color: var(--border-neutral-darker);
}
.workspace--list.just-avatar .avatar--image[data-v-3df3cbd5] {
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  background-color: var(--light-100);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral);
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}
.workspace--list.just-avatar .avatar--image[data-v-3df3cbd5]:hover {
  background-color: var(--light-100);
}
.workspace--list.just-avatar .avatar--image img[data-v-3df3cbd5] {
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.workspace--list.just-avatar .avatar--image span[data-v-3df3cbd5] {
  font-size: var(--fs-12);
  line-height: 20px;
  font-weight: 600;
  position: relative;
}
.workspace--list.just-avatar .avatar--name[data-v-3df3cbd5] {
  display: none;
}
.workspace--list.just-avatar .show-arrow[data-v-3df3cbd5] {
  display: none;
}
@media (max-width: 968px) {
.app-publish .workspace--list .avatar--border[data-v-3df3cbd5] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
}
.app-publish .workspace--list .avatar--image[data-v-3df3cbd5] {
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
}
}
.publish-menu-tooltip[data-v-3df3cbd5] {
  padding: 6px 10px;
  background-color: var(--text-dark);
  color: var(--light-100);
  border-radius: 6px;
  box-shadow: var(--shadow-lg);
  font-size: var(--fs-14);
  position: absolute;
  left: 66px;
  z-index: 2;
  font-weight: 600;
  white-space: nowrap;
  display: none;
}
@media (max-width: 968px) {
.publish-menu-tooltip[data-v-3df3cbd5] {
    display: none !important;
}
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-18c60b32]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-18c60b32] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-18c60b32]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-18c60b32] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-18c60b32]:root,
body.dark[data-v-18c60b32] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-18c60b32] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-18c60b32]:root,
body.dark[data-v-18c60b32] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-18c60b32]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-18c60b32]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-18c60b32] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown-menu[data-v-18c60b32] {
  width: 250px;
}
.dropdown-menu .dropdown-menu-box[data-v-18c60b32] {
  width: 250px;
  padding: 0;
  overflow-y: auto;
  max-height: 240px;
}
.dropdown-menu-workspace[data-v-18c60b32] {
  left: 235px;
  top: 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-6f623f95]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-6f623f95] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-6f623f95]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-6f623f95] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-6f623f95]:root,
body.dark[data-v-6f623f95] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-6f623f95] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-6f623f95]:root,
body.dark[data-v-6f623f95] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-6f623f95]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-6f623f95]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-6f623f95] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.form-group[data-v-6f623f95] {
  width: 100%;
  margin-bottom: 15px;
}
.form-group .draggable[data-v-6f623f95] {
  display: flex;
  align-items: center;
  height: 100%;
}
.form-group .notdraggable[data-v-6f623f95] {
  display: flex;
  align-items: center;
  height: 100%;
}
.form-group .label[data-v-6f623f95] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
}
.form-group .label > div[data-v-6f623f95] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
}
.form-group .label > div > .icon[data-v-6f623f95] {
  display: flex;
  align-items: center;
  width: 50px;
}
.form-group .label > div > .content[data-v-6f623f95] {
  width: 100%;
  font-size: var(--fs-14);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.notDraggable[data-v-6f623f95] {
  width: 25px;
  height: 40px;
  margin-right: 5px;
}
.notDraggable div[data-v-6f623f95] {
  width: 25px;
  height: 40px;
  margin-right: 5px;
}
.iconBox[data-v-6f623f95] {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iconBox.google[data-v-6f623f95]::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="24" width="24"><path fill="%234285f4" d="M386 400c45-42 65-112 53-179H260v74h102c-4 24-18 44-38 57z"></path><path fill="%2334a853" d="M90 341a192 192 0 0 0 296 59l-62-48c-53 35-141 22-171-60z"></path><path fill="%23fbbc02" d="M153 292c-8-25-8-48 0-73l-63-49c-23 46-30 111 0 171z"></path><path fill="%23ea4335" d="M153 219c22-69 116-109 179-50l55-54c-78-75-230-72-297 55z"></path></svg>');
  width: 24px;
  height: 24px;
  display: flex;
  margin-right: 10px;
}
.iconBox.linkedin[data-v-6f623f95]::before {
  content: "";
  background-image: url('data:image/svg+xml,<svg fill="%230E4FB5" height="18" width="18" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 310 310" xml:space="preserve"><g id="XMLID_801_"><path id="XMLID_802_" d="M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.73C77.16,101.969,74.922,99.73,72.16,99.73z"/><path id="XMLID_803_" d="M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.4c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z"/><path id="XMLID_804_" d="M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.599c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.319c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.995C310,145.43,300.549,94.761,230.454,94.761z"/></g></svg>');
  width: 18px;
  height: 18px;
  display: flex;
  margin-right: 10px;
  position: relative;
  top: -1px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-809518ae]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-809518ae] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-809518ae]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-809518ae] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-809518ae]:root,
body.dark[data-v-809518ae] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-809518ae] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-809518ae]:root,
body.dark[data-v-809518ae] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-809518ae]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-809518ae]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-809518ae] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.form-group[data-v-809518ae] {
  width: 100%;
  margin-bottom: 15px;
}
.form-group .draggable[data-v-809518ae] {
  display: flex;
  align-items: center;
  height: 100%;
}
.form-group .notdraggable[data-v-809518ae] {
  display: flex;
  align-items: center;
  height: 100%;
}
.form-group .action-dropdown[data-v-809518ae] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.form-group .action-dropdown > div[data-v-809518ae] {
  display: flex;
  align-items: center;
  width: 100%;
}
.form-group .label[data-v-809518ae] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
}
.form-group .label > div[data-v-809518ae] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
}
.form-group .label > div > .icon[data-v-809518ae] {
  display: flex;
  align-items: center;
  width: 50px;
}
.form-group .label > div > .content[data-v-809518ae] {
  width: 100%;
  font-size: var(--fs-14);
  display: flex;
  justify-content: center;
  align-items: center;
}
.row-description[data-v-809518ae] {
  padding: 0 30px;
}
.description[data-v-809518ae] {
  margin-top: 15px;
  padding: 0;
}
.description p[data-v-809518ae] {
  font-size: var(--fs-12);
  font-weight: 400;
  color: var(--text-neutral);
  margin: var(--space-0);
  padding-left: 5px;
}
.draggable-icon[data-v-809518ae] {
  cursor: grab;
}
.draggable-icon[data-v-809518ae]:active {
  cursor: grabbing;
}
.notDraggable[data-v-809518ae] {
  width: 25px;
  height: 40px;
  margin-right: 5px;
}
.notDraggable div[data-v-809518ae] {
  width: 25px;
  height: 40px;
  margin-right: 5px;
}
.actions-icon[data-v-809518ae] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.iconBox[data-v-809518ae] {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content[data-v-809518ae] {
  justify-content: flex-start !important;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a9da41b9]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a9da41b9] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a9da41b9]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a9da41b9] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a9da41b9]:root,
body.dark[data-v-a9da41b9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a9da41b9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a9da41b9]:root,
body.dark[data-v-a9da41b9] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a9da41b9]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a9da41b9]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a9da41b9] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.dropdown[data-v-a9da41b9] {
  width: 100%;
}
.iconBox[data-v-a9da41b9] {
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-action-label[data-v-a9da41b9] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--fs-14);
  height: 40px;
}
.form-group[data-v-a9da41b9] {
  width: 100%;
  margin-bottom: 15px;
}
.form-group .draggable[data-v-a9da41b9] {
  display: flex;
  align-items: center;
  height: 100%;
}
.form-group .notdraggable[data-v-a9da41b9] {
  display: flex;
  align-items: center;
  height: 100%;
}
.form-group .action-dropdown[data-v-a9da41b9] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.form-group .action-dropdown > div[data-v-a9da41b9] {
  display: flex;
  align-items: center;
  width: 100%;
}
.form-group .label[data-v-a9da41b9] {
  display: flex;
  align-items: center;
  height: 100%;
}
.form-group .label > div[data-v-a9da41b9] {
  display: flex;
  width: 100%;
}
.form-group .label > div > .icon[data-v-a9da41b9] {
  display: flex;
  align-items: center;
  width: 50px;
}
.form-group .label > div > .content[data-v-a9da41b9] {
  width: 100%;
  font-size: var(--fs-14);
  display: flex;
  justify-content: center;
  align-items: center;
}
.description p[data-v-a9da41b9] {
  font-size: var(--fs-12);
  font-weight: 400;
  color: var(--text-neutral);
  margin: var(--space-0);
}
.draggable-icon[data-v-a9da41b9] {
  cursor: grab;
}
.draggable-icon[data-v-a9da41b9]:active {
  cursor: grabbing;
}
.notDraggable[data-v-a9da41b9] {
  width: 25px;
  height: 40px;
  margin-right: 5px;
}
.notDraggable div[data-v-a9da41b9] {
  width: 25px;
  height: 40px;
  margin-right: 5px;
}
.actions-icon[data-v-a9da41b9] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.menu-global-item {
  margin-bottom: var(--space-8);
  display: flex;
  justify-content: center;
}
.menu-global-item .c-workspace {
  display: flex;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.menu-global-item .c-workspace:hover .c-border {
  background-color: var(--border-neutral-dark);
}
.menu-global-item .c-workspace:hover .c-image {
  background-color: var(--light-100);
}
.menu-global-item .c-workspace .c-border {
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  background-color: var(--border-neutral-dark);
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-global-item .c-workspace .c-border:hover {
  background-color: var(--border-neutral);
  box-shadow: var(--shadow-outline);
}
.menu-global-item .c-workspace .c-image {
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  background-color: var(--light-100);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral);
  font-size: var(--fs-16);
  font-weight: 600;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}
.menu-global-item .c-workspace .c-image img {
  width: 40px;
  height: 40px;
  border-radius: 6px;
}
.menu-global-item .c-workspace .c-name {
  display: flex;
  width: 100%;
  flex-grow: 1;
  text-align: left;
  overflow: hidden;
  outline: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 1;
  font-size: var(--fs-14);
  line-height: 20px;
}
.menu-global-item .c-workspace .c-name span:first-child {
  font-size: var(--fs-14);
  font-weight: 600;
  text-align: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 95%;
}
.menu-global-item .c-workspace .c-name span:nth-of-type(2) {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 95%;
}
.menu-global-item .c-workspace .c-arrow {
  margin-left: auto;
  margin-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-blue);
}
.menu-global-item .c-workspace .c-arrow .arrow-right {
  color: var(--text-neutral);
}
.menu-global-item .c-workspace .c-arrow.check:before {
  content: "";
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 15px;
}
.menu-global-item .btn-circle {
  background-color: var(--cyan-200);
  border-color: var(--cyan-200);
  color: var(--light-100);
  font-weight: 600;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E") !important;
  mask-position: center center !important;
  mask-repeat: no-repeat !important;
  border: 0;
}
.menu-global-item .btn-circle:hover {
  color: var(--light-100);
  background-color: var(--cyan-200);
  border-color: var(--cyan-200);
}
.menu-global-item .btn-circle.circle-user {
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-global-item .btn-circle.circle-user img {
  width: 40px;
  height: 40px;
}
.menu-global-item .btn-notification {
  width: 50px;
  height: 50px;
  font-size: var(--fs-20);
  padding: 5px 10px;
  border-radius: 50% !important;
  color: var(--text-dark);
}
.menu-global-item .btn-notification:hover {
  background-color: var(--neutral-100);
  color: var(--text-dark);
  border-radius: 50% !important;
}
.menu-global-item .btn-notification .notification-alert {
  position: absolute;
  color: var(--light-100);
  background-color: var(--red-100);
  border-radius: 50%;
  font-size: var(--fs-12);
  width: 20px;
  height: 20px;
  padding: 2px;
  top: 14px;
  right: 2px;
  font-weight: 600;
}
.menu-global-item .dropdown-menu {
  border: 0;
  font-size: var(--fs-14);
}
.menu-global-item .dropdown-menu .dropdown-menu-box {
  padding: var(--space-4) !important;
}
.menu-global-item .dropdown-menu.dropdown-notification {
  min-width: 400px;
  width: 400px;
  top: 0 !important;
  left: 64px !important;
  height: 100vh;
  position: fixed !important;
  z-index: 1;
  transform: none !important;
  border-radius: 0 !important;
}
.menu-global-item .dropdown-menu.dropdown-notification .dropdown-menu-box {
  padding: 20px !important;
  border-radius: 0px !important;
  height: 100%;
  background-color: var(--light-100);
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content {
  padding: 10px 0;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-header {
  font-size: var(--fs-12);
  text-transform: uppercase;
  color: var(--text-neutral);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-header .btn-read {
  font-size: var(--fs-10);
  color: var(--text-neutral);
  padding: 5px 0;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-header .btn-read:hover {
  color: var(--black-color-300);
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item {
  display: flex;
  cursor: pointer;
  padding: 5px;
  margin-bottom: 10px;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item.active {
  font-weight: 600;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item.active .notification-action .btn-notification-read {
  background-color: var(--accent-100);
  box-shadow: var(--shadow-md);
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item:hover {
  background-color: var(--light-200);
  border-radius: 6px;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item:hover .notification-action .btn-notification-clear {
  display: flex;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item:hover .notification-action .btn-notification-read {
  box-shadow: var(--shadow-md);
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--neutral-200);
  margin-right: 10px;
  font-weight: 600;
  font-size: var(--fs-14);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--light-100);
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-img img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-img span {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-text {
  font-size: var(--fs-14);
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-text .notification-project {
  display: block;
  margin-bottom: 3px;
  margin-top: 3px;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-text .notification-project svg {
  margin-right: 3px;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-text .notification-project a {
  color: var(--accent-100);
  font-weight: 400;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-text .notification-project a:hover {
  text-decoration: underline;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-text .notification-day {
  display: block;
  font-weight: 300;
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-action {
  display: flex;
  justify-content: flex-end;
  width: 80px;
  padding: 5px;
  margin-left: auto;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-action .btn-notification-clear {
  padding: 0;
  width: 10px;
  height: 10px;
  font-size: var(--fs-14);
  display: none;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral);
  padding: 0 15px;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-action .btn-notification-clear:hover {
  color: var(--black-color-300);
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-action .btn-notification-read {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding: 0;
}
.menu-global-item .dropdown-menu.dropdown-notification .tab-content .notification-item .notification-action .btn-notification-read:hover {
  background-color: var(--accent-100);
  box-shadow: var(--shadow-md);
}
.menu-global-item .dropdown-item {
  padding: var(--space-8);
  cursor: pointer;
}
.menu-global-item .dropdown-item svg {
  margin-right: 5px;
}
.menu-global-item .dropdown-item:active, .menu-global-item .dropdown-item:hover {
  background-color: var(--light-200);
  color: var(--black-color-300);
}
.menu-global-item .dropdown-item.package {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu-global-item .dropdown-item.package span {
  font-size: var(--fs-12);
  border: 1px solid var(--neutral-400);
  border-radius: 6px;
  color: var(--neutral-400);
  text-transform: uppercase;
  padding: 3px 6px;
  font-weight: 600;
}
.menu-global-item .dropdown-item.dropdown-workspace.active {
  background-color: var(--item-grey-bg-hover);
  border: 1px solid var(--item-grey-border-hover);
  color: var(--text-dark);
}
.menu-global-item .dropdown-item.dropdown-workspace.active .c-arrow.check:before {
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg class='svg-inline--fa fa-check-circle fa-w-16' fill='%23babdcd' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath class='' fill='23FFFFFF' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'%3E%3C/path%3E%3C/svg%3E") !important;
}
.menu-global-item .dropdown-divider {
  border-top: 1px solid var(--border-light);
  margin: var(--space-4) !important;
}
.menu-global-item .no-notification-alert {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--text-neutral);
}
.menu-global-item .no-notification-alert p {
  color: var(--text-neutral);
  margin: var(--space-0);
}
.menu-global-item .no-notification-alert svg {
  font-size: var(--fs-32);
  margin: 20px 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e7139468]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e7139468] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e7139468]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e7139468] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e7139468]:root,
body.dark[data-v-e7139468] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e7139468] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e7139468]:root,
body.dark[data-v-e7139468] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e7139468]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e7139468]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e7139468] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.workspace-section[data-v-e7139468] {
  display: flex;
  margin-bottom: var(--space-16);
}
.workspace-section .workspace[data-v-e7139468] {
  width: 70%;
  height: auto !important;
  text-transform: none !important;
  line-height: 20px;
  padding: 10px;
  background-color: var(--card-bg);
  box-shadow: var(--card-shadow);
  border-radius: 6px;
}
.workspace-section .workspace[data-v-e7139468]:hover {
  box-shadow: var(--card-shadow-active);
}
.workspace-section .workspace.disable[data-v-e7139468] {
  background-color: var(--light-300);
}
.workspace-section .workspace .c-workspace[data-v-e7139468] {
  display: flex;
  gap: var(--space-8);
}
.workspace-section .workspace .c-workspace .c-name[data-v-e7139468] {
  display: flex;
  width: 100%;
  flex-grow: 1;
  text-align: left;
  overflow: hidden;
  outline: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 1;
  font-size: var(--fs-14);
}
.workspace-section .workspace .c-workspace .c-name span[data-v-e7139468]:first-child {
  font-size: var(--fs-14);
  font-weight: 600;
  text-align: left;
  display: inline-block;
  width: 100%;
}
.workspace-section .workspace .c-workspace .c-name span[data-v-e7139468]:nth-of-type(2) {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  margin-top: var(--space-negative-2);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 95%;
}
.workspace-section .workspace .c-workspace .c-arrow[data-v-e7139468] {
  margin-left: auto;
  margin-right: var(--space-6);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-blue);
}
.workspace-section .roles[data-v-e7139468] {
  font-size: var(--fs-13);
  color: var(--text-neutral);
  width: 30%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workspace-section .roles svg[data-v-e7139468] {
  margin-right: var(--space-8);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c85417d0]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c85417d0] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c85417d0]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c85417d0] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c85417d0]:root,
body.dark[data-v-c85417d0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c85417d0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c85417d0]:root,
body.dark[data-v-c85417d0] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c85417d0]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c85417d0]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c85417d0] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.login-activity-section[data-v-c85417d0] {
  display: flex;
  margin-bottom: var(--space-16);
}
.login-activity-section .activity[data-v-c85417d0] {
  width: 100%;
  height: auto !important;
  text-transform: none !important;
  line-height: 20px;
  padding: var(--space-12);
  background-color: var(--card-bg);
  box-shadow: var(--card-shadow);
  border-radius: 6px;
}
.login-activity-section .activity[data-v-c85417d0]:hover {
  box-shadow: var(--card-shadow-active);
}
.login-activity-section .activity.disable[data-v-c85417d0] {
  background-color: var(--light-300);
}
.login-activity-section .activity .c-activity[data-v-c85417d0] {
  display: flex;
}
.login-activity-section .activity .c-activity .c-image[data-v-c85417d0] {
  width: 40px;
  height: 40px;
  margin-right: var(--space-16);
  background-color: var(--neutral-200);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-light);
  font-weight: 500;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}
.login-activity-section .activity .c-activity .c-image img[data-v-c85417d0] {
  width: 40px;
  height: 40px;
  border-radius: 6px;
}
.login-activity-section .activity .c-activity .c-name[data-v-c85417d0] {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.login-activity-section .activity .c-activity .c-name span[data-v-c85417d0]:first-child {
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.login-activity-section .activity .c-activity .c-name span:first-child .active[data-v-c85417d0] {
  color: var(--green-100);
}
.login-activity-section .activity .c-activity .c-name span[data-v-c85417d0]:nth-of-type(2) {
  font-size: var(--fs-14);
  font-weight: 500;
}
.login-activity-section .activity .c-activity .c-arrow[data-v-c85417d0] {
  margin-left: auto;
  margin-right: var(--space-0);
  display: flex;
  justify-content: center;
  align-items: center;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ac603d46]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ac603d46] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ac603d46]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ac603d46] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ac603d46]:root,
body.dark[data-v-ac603d46] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ac603d46] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ac603d46]:root,
body.dark[data-v-ac603d46] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ac603d46]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ac603d46]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ac603d46] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.description[data-v-ac603d46] {
  margin-top: 10px;
}
.description p[data-v-ac603d46] {
  font-size: var(--fs-12);
  font-weight: 400;
  color: var(--text-neutral);
  margin: var(--space-0);
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ddbcb5a4]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ddbcb5a4] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ddbcb5a4]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ddbcb5a4] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ddbcb5a4]:root,
body.dark[data-v-ddbcb5a4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ddbcb5a4] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ddbcb5a4]:root,
body.dark[data-v-ddbcb5a4] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ddbcb5a4]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ddbcb5a4]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ddbcb5a4] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

/* ai-panel, not ai — and the difference is not taste. */
.ai-panel[data-v-ddbcb5a4] {
  --ai-panel-width: 26rem;
  /* The semantic roles the popover resolves to, rather than --popover-*. */
}
.ai-panel--surface[data-v-ddbcb5a4] {
  inline-size: min(var(--ai-panel-width), 100%);
  padding: var(--sp-16);
  background: var(--surface-overlay);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--elevation-overlay);
  color: var(--fg-primary);
  font-family: var(--font-family-sans);
  letter-spacing: var(--tracking-normal);
}
.ai-panel__mark[data-v-ddbcb5a4] {
  align-self: center;
  flex-shrink: 0;
  inline-size: 13px;
  block-size: 13px;
}
.ai-panel__head[data-v-ddbcb5a4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-4);
  padding-block-end: var(--sp-12);
  border-block-end: 1px solid var(--border-subtle);
  color: var(--info-text);
}
.ai-panel__headline[data-v-ddbcb5a4] {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}
.ai-panel__band[data-v-ddbcb5a4] {
  margin-inline-start: auto;
}
.ai-panel__meters[data-v-ddbcb5a4] {
  --meter-label-min-width: 5.5rem;
  --meter-value-min-width: 3.5rem;
  display: flex;
  flex-direction: column;
  gap: var(--sp-8);
  padding-block: var(--sp-12);
  border-block-end: 1px solid var(--border-subtle);
}
.ai-panel[data-v-ddbcb5a4] {
  /* Two columns instead of a heading above every sentence. */
}
.ai-panel__reasons[data-v-ddbcb5a4] {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: baseline;
  gap: var(--sp-8) var(--sp-12);
  margin: 0;
  padding-block: var(--sp-12);
}
.ai-panel__label[data-v-ddbcb5a4] {
  /* Quieter than a heading. */
  color: var(--fg-muted);
  font-size: var(--font-size-11);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  white-space: nowrap;
}
.ai-panel__text[data-v-ddbcb5a4] {
  margin: 0;
  color: var(--fg-secondary);
  font-size: var(--font-size-13);
  line-height: var(--leading-relaxed);
}
.ai-panel[data-v-ddbcb5a4] {
  /* A list marker, and only that. */
}
.ai-panel__bullet[data-v-ddbcb5a4] {
  display: inline-block;
  vertical-align: middle;
  inline-size: 6px;
  block-size: 6px;
  /* Nudged up off the baseline the text sits on. */
  margin-block-end: 1px;
  margin-inline-end: var(--sp-6);
  border-radius: var(--radius-pill);
  background: var(--fg-faint);
}
.ai-panel__foot[data-v-ddbcb5a4] {
  display: flex;
  justify-content: flex-end;
  gap: var(--sp-8);
  padding-block-start: var(--sp-12);
  border-block-start: 1px solid var(--border-subtle);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-780ddb1d]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-780ddb1d] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-780ddb1d]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-780ddb1d] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-780ddb1d]:root,
body.dark[data-v-780ddb1d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-780ddb1d] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-780ddb1d]:root,
body.dark[data-v-780ddb1d] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-780ddb1d]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-780ddb1d]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-780ddb1d] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.ai[data-v-780ddb1d] {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-8);
}
.ai__chip[data-v-780ddb1d] {
  display: inline-flex;
  align-items: baseline;
  gap: var(--sp-4);
  padding: var(--sp-4) var(--sp-8);
  border: 1px solid var(--info-border);
  border-radius: var(--radius-pill);
  background: var(--info-subtle);
  color: var(--info-text);
  font: inherit;
  font-size: var(--font-size-13);
  line-height: var(--leading-none);
  white-space: nowrap;
  cursor: pointer;
  /* One step from the fill towards its own border. */
}
.ai__chip[data-v-780ddb1d]:hover {
  background: color-mix(in oklab, var(--info-border) 40%, var(--info-subtle));
}
.ai__chip[data-v-780ddb1d]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.ai__mark[data-v-780ddb1d] {
  align-self: center;
  flex-shrink: 0;
  inline-size: 13px;
  block-size: 13px;
}
.ai__value[data-v-780ddb1d] {
  font-weight: var(--font-weight-medium);
}
.ai__unit[data-v-780ddb1d] {
  opacity: 0.65;
}
.ai__level[data-v-780ddb1d] {
  color: var(--fg-muted);
  font-size: var(--font-size-12);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-09713f28]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-09713f28] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-09713f28]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-09713f28] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-09713f28]:root,
body.dark[data-v-09713f28] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-09713f28] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-09713f28]:root,
body.dark[data-v-09713f28] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-09713f28]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-09713f28]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-09713f28] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.form-check[data-v-09713f28] {
  margin: var(--space-0);
  padding: var(--space-0);
}
.form-check-input[data-v-09713f28]:checked {
  background-color: var(--accent-100);
  border-color: var(--accent-100);
}
.theme-card[data-v-09713f28] {
  width: 100%;
  background-color: var(--card-bg);
  box-shadow: var(--card-shadow);
  border: 1px solid var(--card-border);
  margin-bottom: var(--space-16);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}
.theme-card[data-v-09713f28]:hover {
  box-shadow: var(--card-shadow-active);
}
.theme-card > .theme-card-header[data-v-09713f28] {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  color: var(--theme-text);
  background: var(--theme-bg);
}
.theme-card > .theme-card-header h3[data-v-09713f28] {
  font-size: var(--fs-14);
  margin-top: var(--space-16);
  margin-bottom: var(--space-0);
  color: var(--theme-text);
}
.theme-card > .theme-card-body[data-v-09713f28] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100px;
  margin: var(--space-negative-10) var(--space-0);
  background: var(--theme-bg);
}
.theme-card > .theme-card-body > div[data-v-09713f28] {
  width: 100%;
  margin: var(--space-0) var(--space-10);
}
.theme-card > .theme-card-body > div.input[data-v-09713f28] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 30px;
}
.theme-card > .theme-card-body .subtitle[data-v-09713f28], .theme-card > .theme-card-body .content[data-v-09713f28] {
  display: block;
}
.theme-card > .theme-card-body .subtitle[data-v-09713f28] {
  color: var(--theme-grey-text);
  font-size: var(--fs-13);
}
.theme-card > .theme-card-body .content[data-v-09713f28] {
  color: var(--theme-text);
  font-size: var(--fs-14);
}
.theme-card.dark-theme > .theme-card-header[data-v-09713f28] {
  color: var(--theme-dark-text);
  background: var(--theme-dark-bg);
}
.theme-card.dark-theme > .theme-card-header h3[data-v-09713f28] {
  color: var(--theme-light-text);
}
.theme-card.dark-theme > .theme-card-body[data-v-09713f28] {
  background: var(--theme-dark-bg);
}
.theme-card.dark-theme > .theme-card-body .subtitle[data-v-09713f28] {
  color: var(--text-neutral);
}
.theme-card.dark-theme > .theme-card-body .content[data-v-09713f28] {
  color: var(--theme-dark-text);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-327bbe2c]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-327bbe2c] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-327bbe2c]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-327bbe2c] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-327bbe2c]:root,
body.dark[data-v-327bbe2c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-327bbe2c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-327bbe2c]:root,
body.dark[data-v-327bbe2c] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-327bbe2c]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-327bbe2c]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-327bbe2c] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.integration-card[data-v-327bbe2c] {
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  padding: var(--space-16);
  margin-bottom: var(--space-16);
  border-radius: 6px;
}
.integration-card[data-v-327bbe2c]:hover {
  box-shadow: var(--card-shadow-active);
}
.integration-card-header[data-v-327bbe2c] {
  display: flex;
  align-items: center;
}
.integration-card-header .header-text[data-v-327bbe2c] {
  margin-left: var(--space-16);
}
.integration-card-header .header-text h4[data-v-327bbe2c] {
  font-size: var(--fs-14);
  font-weight: 500;
  margin-top: var(--space-8);
  margin-bottom: var(--space-4);
}
.integration-card-header .header-text h5[data-v-327bbe2c] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.integration-card-header .tag--integration[data-v-327bbe2c] {
  width: auto;
  height: 25px;
  position: absolute;
  right: var(--space-16);
  top: var(--space-16);
  line-height: 20px;
}
.integration-card-header button[data-v-327bbe2c] {
  margin-left: auto;
}
.integration-card-body .content[data-v-327bbe2c] {
  margin-top: var(--space-16);
  margin-bottom: var(--space-16);
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.integration-card-footer[data-v-327bbe2c] {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-8);
}
.integration-card-footer button[data-v-327bbe2c] {
  margin-left: auto;
}
.popup__body[data-v-327bbe2c] {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: var(--space-0) var(--space-40) var(--space-40);
  overflow-y: hidden;
  max-height: 600px;
}
.popup__body h2[data-v-327bbe2c] {
  font-size: var(--fs-18);
  margin-bottom: var(--space-0);
}
.popup__body h3[data-v-327bbe2c] {
  font-size: var(--fs-14);
  margin-bottom: var(--space-0);
}
.popup__body h4[data-v-327bbe2c] {
  margin-bottom: var(--space-0);
}
.popup__body p[data-v-327bbe2c] {
  font-size: var(--fs-14);
  line-height: 22px;
}
.popup__body pre[data-v-327bbe2c] {
  display: flex;
  padding: var(--space-16);
  border-radius: 8px;
  margin: var(--space-0);
  background: var(--light-300);
  position: relative;
  box-shadow: var(--card-shadow);
  border: 1px solid var(--card-border);
}
.popup__body code[data-v-327bbe2c] {
  position: relative;
  z-index: 1;
  width: max-content;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.popup__body .popup__api[data-v-327bbe2c] {
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  border: 1px solid var(--card-border);
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: var(--space-8);
  padding: var(--space-4);
  border-radius: 8px;
  position: relative;
  z-index: 2;
}
.popup__body .popup__api-button[data-v-327bbe2c] {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: var(--space-4);
}
.popup__body .popup__api-token[data-v-327bbe2c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-8);
  width: 100%;
}
.popup__body .popup__api-token-empty[data-v-327bbe2c] {
  display: flex;
  align-items: center;
  color: var(--text-neutral);
  font-size: var(--fs-12);
  margin-right: var(--space-16);
}
.popup__body .popup__api-token h5[data-v-327bbe2c] {
  white-space: nowrap;
  font-weight: 500;
  margin: var(--space-0);
  padding: var(--space-0) var(--space-8);
}
.popup__body .popup__api-token h5 span[data-v-327bbe2c] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.popup__body .popup__api-form[data-v-327bbe2c] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  border-radius: 6px;
  height: 40px;
  padding: var(--space-0) var(--space-4) var(--space-0) var(--space-0);
  width: 100%;
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  box-shadow: none !important;
}
.popup__body .popup__api-form-input[data-v-327bbe2c] {
  width: 100%;
  height: 40px !important;
  font-size: var(--fs-14);
  padding: 0 10px;
  margin: var(--space-0);
  border: 0;
  letter-spacing: -0.6px;
  line-height: 20px;
  background-color: transparent;
  z-index: 1;
  position: relative;
  text-overflow: ellipsis;
  color: var(--text-dark);
}
.popup__body .popup__api-form-button[data-v-327bbe2c] {
  display: flex;
  gap: var(--space-4);
}
.popup__body .popup__connect[data-v-327bbe2c] {
  display: flex;
  height: 24px;
}
.popup__body .popup__connect-left[data-v-327bbe2c] {
  width: 50%;
}
.popup__body .popup__connect-right[data-v-327bbe2c] {
  border-left: 2px solid var(--border-neutral);
  width: 50%;
}
.popup__body .popup--code[data-v-327bbe2c] {
  position: relative;
}
.popup__body .popup--code .btn--copy[data-v-327bbe2c] {
  position: absolute;
  right: var(--space-16);
  bottom: var(--space-16);
  z-index: 1;
}
.popup__body .popup--code .last-comment[data-v-327bbe2c] {
  padding-bottom: var(--space-16);
  display: inline-block;
}
.popup__body .popup--code .code-comment[data-v-327bbe2c] {
  color: var(--code-comment);
}
.popup__body .popup--code .code-text[data-v-327bbe2c] {
  color: var(--code-dark);
}
.popup__body .popup--code .code-accent[data-v-327bbe2c] {
  color: var(--code-accent);
}
.popup__body .popup--code .code-secondary[data-v-327bbe2c] {
  color: var(--code-secondary);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.integration-config {
  margin-bottom: var(--space-16);
}
.integration-config .integration-headline {
  margin-bottom: var(--space-16);
  font-size: var(--fs-14);
  color: var(--text-neutral);
}
.integration-config-card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  border-radius: 6px;
  padding: var(--space-16);
  margin-bottom: var(--space-16);
}
.integration-config-card:hover {
  box-shadow: var(--shadow-lg);
}
.integration-config-card .dropdown-project.dropdown .dropdown-item {
  font-size: var(--fs-14);
}
.integration-config-card svg {
  font-size: var(--fs-12);
}
.integration-config-card header {
  display: flex;
}
.integration-config-card header .header-text * {
  font-size: var(--fs-14);
}
.integration-config-card header .header-text h4 {
  color: var(--text-dark);
  font-weight: 400;
  margin-bottom: var(--space-6);
  line-height: 19px;
}
.integration-config-card header .header-text h5 {
  color: var(--text-neutral);
  margin-bottom: var(--space-0);
  font-size: var(--fs-12);
}
.integration-config-card header .icon {
  margin-left: auto;
  margin-right: var(--space-0);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.integration-config .integration-icon {
  margin-right: var(--space-16);
  color: var(--text-neutral);
  width: 35px;
  margin-top: var(--space-6);
}
.integration-config .integration-icon svg {
  font-size: var(--fs-32);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-10226540]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-10226540] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-10226540]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-10226540] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-10226540]:root,
body.dark[data-v-10226540] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-10226540] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-10226540]:root,
body.dark[data-v-10226540] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-10226540]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-10226540]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-10226540] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.integration-card[data-v-10226540] {
  position: relative;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  padding: var(--space-16);
  margin-bottom: var(--space-16);
  border-radius: 6px;
}
.integration-card[data-v-10226540]:hover {
  box-shadow: var(--card-shadow-active);
}
.integration-card-header[data-v-10226540] {
  display: flex;
  align-items: center;
}
.integration-card-header .header-text[data-v-10226540] {
  margin-left: var(--space-16);
}
.integration-card-header .header-text h4[data-v-10226540] {
  font-size: var(--fs-14);
  font-weight: 500;
  margin-top: var(--space-8);
  margin-bottom: var(--space-4);
}
.integration-card-header .header-text h5[data-v-10226540] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.integration-card-header .tag--integration[data-v-10226540] {
  width: auto;
  height: 25px;
  position: absolute;
  right: var(--space-16);
  top: var(--space-16);
  line-height: 20px;
}
.integration-card-header button[data-v-10226540] {
  margin-left: auto;
}
.integration-card-body .content[data-v-10226540] {
  margin-top: var(--space-16);
  margin-bottom: var(--space-16);
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.integration-card-footer[data-v-10226540] {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-8);
}
.integration-card-footer button[data-v-10226540] {
  margin-left: auto;
}
.popup__body[data-v-10226540] {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: var(--space-0) var(--space-40) var(--space-40);
  overflow-y: hidden;
  max-height: 600px;
}
.popup__body h2[data-v-10226540] {
  font-size: var(--fs-18);
  margin-bottom: var(--space-0);
}
.popup__body h3[data-v-10226540] {
  font-size: var(--fs-14);
  margin-bottom: var(--space-0);
}
.popup__body h4[data-v-10226540] {
  margin-bottom: var(--space-0);
}
.popup__body p[data-v-10226540] {
  font-size: var(--fs-14);
  line-height: 22px;
}
.popup__body pre[data-v-10226540] {
  display: flex;
  padding: var(--space-16);
  border-radius: 8px;
  margin: var(--space-0);
  background: var(--light-300);
  position: relative;
  box-shadow: var(--card-shadow);
  border: 1px solid var(--card-border);
}
.popup__body code[data-v-10226540] {
  position: relative;
  z-index: 1;
  width: max-content;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.popup__body .popup__api[data-v-10226540] {
  background: var(--card-bg);
  box-shadow: var(--card-shadow);
  border: 1px solid var(--card-border);
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: var(--space-8);
  padding: var(--space-4);
  border-radius: 8px;
  position: relative;
  z-index: 2;
}
.popup__body .popup__api-button[data-v-10226540] {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: var(--space-4);
}
.popup__body .popup__api-token[data-v-10226540] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-8);
  width: 100%;
}
.popup__body .popup__api-token-empty[data-v-10226540] {
  display: flex;
  align-items: center;
  color: var(--text-neutral);
  font-size: var(--fs-12);
  margin-right: var(--space-16);
}
.popup__body .popup__api-token h5[data-v-10226540] {
  white-space: nowrap;
  font-weight: 500;
  margin: var(--space-0);
  padding: var(--space-0) var(--space-8);
}
.popup__body .popup__api-token h5 span[data-v-10226540] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.popup__body .popup__api-form[data-v-10226540] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  border-radius: 6px;
  height: 40px;
  padding: var(--space-0) var(--space-4) var(--space-0) var(--space-0);
  width: 100%;
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  box-shadow: none !important;
}
.popup__body .popup__api-form-input[data-v-10226540] {
  width: 100%;
  height: 40px !important;
  font-size: var(--fs-14);
  padding: 0 10px;
  margin: var(--space-0);
  border: 0;
  letter-spacing: -0.6px;
  line-height: 20px;
  background-color: transparent;
  z-index: 1;
  position: relative;
  text-overflow: ellipsis;
  color: var(--text-dark);
}
.popup__body .popup__api-form-button[data-v-10226540] {
  display: flex;
  gap: var(--space-4);
}
.popup__body .popup__connect[data-v-10226540] {
  display: flex;
  height: 24px;
}
.popup__body .popup__connect-left[data-v-10226540] {
  width: 50%;
}
.popup__body .popup__connect-right[data-v-10226540] {
  border-left: 2px solid var(--border-neutral);
  width: 50%;
}
.popup__body .popup--code[data-v-10226540] {
  position: relative;
}
.popup__body .popup--code .btn--copy[data-v-10226540] {
  position: absolute;
  right: var(--space-16);
  bottom: var(--space-16);
  z-index: 1;
}
.popup__body .popup--code .last-comment[data-v-10226540] {
  padding-bottom: var(--space-16);
  display: inline-block;
}
.popup__body .popup--code .code-comment[data-v-10226540] {
  color: var(--code-comment);
}
.popup__body .popup--code .code-text[data-v-10226540] {
  color: var(--code-dark);
}
.popup__body .popup--code .code-accent[data-v-10226540] {
  color: var(--code-accent);
}
.popup__body .popup--code .code-secondary[data-v-10226540] {
  color: var(--code-secondary);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d8b9fe2c]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d8b9fe2c] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d8b9fe2c]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d8b9fe2c] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d8b9fe2c]:root,
body.dark[data-v-d8b9fe2c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d8b9fe2c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d8b9fe2c]:root,
body.dark[data-v-d8b9fe2c] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d8b9fe2c]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d8b9fe2c]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d8b9fe2c] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.page-container[data-v-d8b9fe2c] {
  width: 100%;
  padding-right: var(--bs-gutter-x, 12px);
  padding-left: var(--bs-gutter-x, 12px);
  margin-right: auto;
  margin-left: auto;
}
.page-container .header[data-v-d8b9fe2c] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin-top: var(--space-16);
  margin-bottom: var(--space-16);
}
.page-container .header .action[data-v-d8b9fe2c] {
  display: flex;
  justify-content: flex-end;
}
.page-container .header h1[data-v-d8b9fe2c], .page-container .header h2[data-v-d8b9fe2c] {
  font-weight: bold;
  margin: var(--space-0);
}
.btn-header[data-v-d8b9fe2c]:last-child {
  margin-right: var(--space-0) !important;
}
.col-actions[data-v-d8b9fe2c] {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-8);
}
.list-view-action[data-v-d8b9fe2c] {
  display: flex;
}
.list-view-action .btn-grid-view[data-v-d8b9fe2c] {
  margin: var(--space-0);
  border-top-right-radius: var(--space-0);
  border-bottom-right-radius: var(--space-0);
}
.list-view-action .btn-list-view[data-v-d8b9fe2c] {
  margin: var(--space-0);
  border-top-left-radius: var(--space-0);
  border-bottom-left-radius: var(--space-0);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-3505d9a7]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-3505d9a7] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-3505d9a7]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-3505d9a7] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-3505d9a7]:root,
body.dark[data-v-3505d9a7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-3505d9a7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-3505d9a7]:root,
body.dark[data-v-3505d9a7] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-3505d9a7]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-3505d9a7]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-3505d9a7] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
h4[data-v-3505d9a7] {
  color: var(--text-neutral);
  margin: var(--space-24) var(--space-0);
  font-size: var(--fs-11);
  font-weight: 500;
  text-transform: uppercase;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-61cfbdad]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-61cfbdad] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-61cfbdad]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-61cfbdad] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-61cfbdad]:root,
body.dark[data-v-61cfbdad] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-61cfbdad] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-61cfbdad]:root,
body.dark[data-v-61cfbdad] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-61cfbdad]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-61cfbdad]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-61cfbdad] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
h3[data-v-61cfbdad] {
  margin-top: 10px;
  margin-bottom: 40px;
  font-size: 20px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c19867e9]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c19867e9] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c19867e9]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c19867e9] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c19867e9]:root,
body.dark[data-v-c19867e9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c19867e9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c19867e9]:root,
body.dark[data-v-c19867e9] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c19867e9]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c19867e9]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c19867e9] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.img-avatar[data-v-c19867e9] {
  width: 32px;
  height: 32px;
  background-color: var(--light-100);
  border: 1px solid var(--neutral-100);
  border-radius: 50%;
  color: var(--text-neutral);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: var(--fs-12);
  font-weight: 600;
  line-height: 22px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.img-avatar.online[data-v-c19867e9] {
  color: var(--green-100);
  border-color: var(--green-100);
}
.img-avatar img[data-v-c19867e9] {
  border-radius: 50%;
}
.img-avatar[data-v-c19867e9]:hover {
  background-color: var(--neutral-100);
  color: var(--text-neutral);
  border: 1px solid var(--neutral-100);
}
.img-avatar:hover.online[data-v-c19867e9] {
  color: var(--green-300);
  border-color: var(--green-300);
}
.member-online[data-v-c19867e9] {
  width: 12px;
  height: 12px;
  background: var(--green-100);
  position: absolute;
  display: block;
  border-radius: 50%;
  top: -3px;
  right: -2px;
  border: 2px solid var(--light-100);
  z-index: 2;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ce4f77a0]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ce4f77a0] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ce4f77a0]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ce4f77a0] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ce4f77a0]:root,
body.dark[data-v-ce4f77a0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ce4f77a0] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ce4f77a0]:root,
body.dark[data-v-ce4f77a0] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ce4f77a0]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ce4f77a0]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ce4f77a0] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.body-wrapper .header[data-v-ce4f77a0] {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  position: relative;
  padding: 0 0 15px 0;
}
.body-wrapper .header .input-area[data-v-ce4f77a0] {
  flex-basis: 60%;
  position: relative;
}
.body-wrapper .header .input-area .dropdown-menu[data-v-ce4f77a0] {
  width: 100%;
  margin-top: 3px;
}
.body-wrapper .header .input-area .dropdown-menu .dropdown-menu-box[data-v-ce4f77a0] {
  padding: var(--space-8);
}
.body-wrapper .header .input-area .dropdown-menu .loading[data-v-ce4f77a0] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--accent-100);
  margin: 10px 0;
}
.body-wrapper .header .input-area .dropdown-menu .member[data-v-ce4f77a0] {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  padding: var(--space-8);
  color: var(--text-neutral);
  font-size: var(--fs-12);
  border-radius: 6px;
}
.body-wrapper .header .input-area .dropdown-menu .member[data-v-ce4f77a0]:hover {
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
}
.body-wrapper .header .input-area .dropdown-menu .member:hover .name[data-v-ce4f77a0], .body-wrapper .header .input-area .dropdown-menu .member:hover .mail[data-v-ce4f77a0] {
  text-decoration: none;
}
.body-wrapper .header .action-area[data-v-ce4f77a0] {
  flex-basis: 40%;
  display: flex;
  align-items: center;
}
.body-wrapper .header .action-area .action[data-v-ce4f77a0]:first-child {
  flex: 1;
}
.body-wrapper .header .action-area[data-v-ce4f77a0] {
  gap: 10px;
}
.p-datatable-wrapper[data-v-ce4f77a0] {
  margin: var(--space-0) !important;
}
.project-label[data-v-ce4f77a0] {
  color: var(--text-neutral) !important;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-0bf5168a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-0bf5168a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-0bf5168a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-0bf5168a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-0bf5168a]:root,
body.dark[data-v-0bf5168a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-0bf5168a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-0bf5168a]:root,
body.dark[data-v-0bf5168a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-0bf5168a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-0bf5168a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-0bf5168a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.team[data-v-0bf5168a] {
  display: flex;
}
.team .member[data-v-0bf5168a] {
  position: relative;
  width: 32px;
  height: 32px;
  margin-right: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 22px;
  margin-left: -10px;
}
.team .member[data-v-0bf5168a]:first-child {
  margin-left: 0px;
}
.team .member .member-online[data-v-0bf5168a] {
  width: 12px;
  height: 12px;
  background: var(--green-100);
  position: absolute;
  display: block;
  border-radius: 50%;
  top: -3px;
  right: -2px;
  border: 2px solid var(--light-100);
  z-index: 2;
}
.team .member .btn-circle[data-v-0bf5168a] {
  background-color: var(--light-100);
  border: 1px solid var(--neutral-100);
  border-radius: 50%;
  color: var(--text-neutral);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: var(--fs-12);
  z-index: 2;
}
.team .member .btn-circle[data-v-0bf5168a]:hover {
  background-color: var(--neutral-100);
  color: var(--text-neutral);
  border: 1px solid var(--neutral-100);
}
.skeleton[data-v-0bf5168a] {
  border-radius: 50%;
}
.skeleton-members[data-v-0bf5168a] {
  display: flex;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-be783ce7]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-be783ce7] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-be783ce7]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-be783ce7] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-be783ce7]:root,
body.dark[data-v-be783ce7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-be783ce7] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-be783ce7]:root,
body.dark[data-v-be783ce7] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-be783ce7]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-be783ce7]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-be783ce7] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
ul[data-v-be783ce7] {
  list-style-type: none;
  padding: 0;
  margin: var(--space-0);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-f1eabc10]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-f1eabc10] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-f1eabc10]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-f1eabc10] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-f1eabc10]:root,
body.dark[data-v-f1eabc10] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-f1eabc10] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-f1eabc10]:root,
body.dark[data-v-f1eabc10] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-f1eabc10]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-f1eabc10]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-f1eabc10] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.vertical-menu[data-v-f1eabc10] {
  position: fixed;
  top: var(--space-0);
  width: 300px;
  min-height: 100vh;
  padding: var(--space-16);
  background: var(--layout-sidebar-grey-bg);
  border-left: 1px solid var(--border-neutral);
  border-right: 1px solid var(--border-neutral);
  z-index: 1;
}
.vertical-menu h3[data-v-f1eabc10] {
  margin-top: var(--space-16);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-fae470c3]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-fae470c3] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-fae470c3]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-fae470c3] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-fae470c3]:root,
body.dark[data-v-fae470c3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-fae470c3] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-fae470c3]:root,
body.dark[data-v-fae470c3] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-fae470c3]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-fae470c3]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-fae470c3] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.menu[data-v-fae470c3] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-f3bf5b69]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-f3bf5b69] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-f3bf5b69]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-f3bf5b69] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-f3bf5b69]:root,
body.dark[data-v-f3bf5b69] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-f3bf5b69] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-f3bf5b69]:root,
body.dark[data-v-f3bf5b69] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-f3bf5b69]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-f3bf5b69]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-f3bf5b69] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.page[data-v-f3bf5b69] {
  display: flex;
  flex-direction: row;
}
.page .page-content[data-v-f3bf5b69] {
  width: calc(100% - 300px);
  box-shadow: var(--shadow-lg);
  position: absolute;
  left: 300px;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 9;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-afa3ed5f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-afa3ed5f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-afa3ed5f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-afa3ed5f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-afa3ed5f]:root,
body.dark[data-v-afa3ed5f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-afa3ed5f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-afa3ed5f]:root,
body.dark[data-v-afa3ed5f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-afa3ed5f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-afa3ed5f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-afa3ed5f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.hide[data-v-afa3ed5f] {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9e50a808]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9e50a808] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9e50a808]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9e50a808] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9e50a808]:root,
body.dark[data-v-9e50a808] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9e50a808] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9e50a808]:root,
body.dark[data-v-9e50a808] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9e50a808]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9e50a808]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9e50a808] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.main-container[data-v-9e50a808] {
  display: flex;
  padding-left: 65px;
  text-align: left;
}
.main-container > .main-content[data-v-9e50a808] {
  width: 100%;
  position: relative;
}
.main-container > .aside-content[data-v-9e50a808] {
  min-height: 100vh;
  width: 445px;
  border-left: 1px solid var(--light-300);
}
.sidebar-container[data-v-9e50a808] {
  transition: width 0.28s;
  width: 65px !important;
  background-color: transparent;
  border-right: 1px solid var(--light-300);
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-fabcf58b]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-fabcf58b] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-fabcf58b]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-fabcf58b] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-fabcf58b]:root,
body.dark[data-v-fabcf58b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-fabcf58b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-fabcf58b]:root,
body.dark[data-v-fabcf58b] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-fabcf58b]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-fabcf58b]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-fabcf58b] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.main-container[data-v-fabcf58b] {
  display: flex;
  padding-left: 65px;
  text-align: left;
}
.main-container > .main-content[data-v-fabcf58b] {
  width: 100%;
  position: relative;
}
.main-container > .aside-content[data-v-fabcf58b] {
  min-height: 100vh;
  width: 445px;
  border-left: 1px solid var(--light-300);
}
.sidebar-container[data-v-fabcf58b] {
  transition: width 0.28s;
  width: 65px !important;
  background-color: transparent;
  border-right: 1px solid var(--light-300);
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-c024451b]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-c024451b] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-c024451b]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-c024451b] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-c024451b]:root,
body.dark[data-v-c024451b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-c024451b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-c024451b]:root,
body.dark[data-v-c024451b] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-c024451b]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-c024451b]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-c024451b] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.action[data-v-c024451b] {
  margin-top: 20px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-3f76e03f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-3f76e03f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-3f76e03f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-3f76e03f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-3f76e03f]:root,
body.dark[data-v-3f76e03f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-3f76e03f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-3f76e03f]:root,
body.dark[data-v-3f76e03f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-3f76e03f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-3f76e03f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-3f76e03f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
hr[data-v-3f76e03f] {
  margin: 30px 0;
}
.fp-form-group .description p[data-v-3f76e03f] {
  font-size: var(--fs-12);
  font-weight: 400;
  color: var(--text-neutral);
  margin: var(--space-0);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ee223707]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ee223707] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ee223707]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ee223707] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ee223707]:root,
body.dark[data-v-ee223707] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ee223707] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ee223707]:root,
body.dark[data-v-ee223707] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ee223707]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ee223707]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ee223707] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
hr[data-v-ee223707] {
  margin: 30px 0;
}
.fp-form-group .description[data-v-ee223707] {
  font-size: var(--fs-14);
  color: var(--text-neutral);
  margin: var(--space-0);
}
.fp-form-group .description p[data-v-ee223707] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  margin: var(--space-0);
}
.fp-form-group .attention[data-v-ee223707] {
  font-size: var(--fs-12);
  color: var(--red-100);
  margin: var(--space-0);
}
.fp-form-group .attention p[data-v-ee223707] {
  font-size: var(--fs-12);
  color: var(--red-100);
  margin: var(--space-0);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-a8dd4458]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-a8dd4458] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-a8dd4458]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-a8dd4458] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-a8dd4458]:root,
body.dark[data-v-a8dd4458] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-a8dd4458] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-a8dd4458]:root,
body.dark[data-v-a8dd4458] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-a8dd4458]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-a8dd4458]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-a8dd4458] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
hr[data-v-a8dd4458] {
  margin: 30px 0;
}
.fp-form-group .description[data-v-a8dd4458] {
  font-size: var(--fs-14);
  color: var(--text-neutral);
  margin: var(--space-0);
}
.fp-form-group .description p[data-v-a8dd4458] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  margin: var(--space-0);
}
.fp-form-group .attention[data-v-a8dd4458] {
  font-size: var(--fs-12);
  color: var(--red-100);
  margin: var(--space-0);
}
.fp-form-group .attention p[data-v-a8dd4458] {
  font-size: var(--fs-12);
  color: var(--red-100);
  margin: var(--space-0);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-9aa6de9a]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-9aa6de9a] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-9aa6de9a]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-9aa6de9a] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-9aa6de9a]:root,
body.dark[data-v-9aa6de9a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-9aa6de9a] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-9aa6de9a]:root,
body.dark[data-v-9aa6de9a] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-9aa6de9a]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-9aa6de9a]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-9aa6de9a] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
hr[data-v-9aa6de9a] {
  margin: var(--space-32) var(--space-0);
}
.danger-zone[data-v-9aa6de9a] {
  margin-bottom: var(--space-16);
}
.fp-form-group .description[data-v-9aa6de9a] {
  font-size: var(--fs-14);
  color: var(--text-neutral);
  margin: var(--space-0);
}
.fp-form-group .description p[data-v-9aa6de9a] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  margin: var(--space-0);
}
.fp-form-group .attention[data-v-9aa6de9a] {
  font-size: var(--fs-12);
  color: var(--red-100);
  margin: var(--space-0);
}
.fp-form-group .attention p[data-v-9aa6de9a] {
  font-size: var(--fs-12);
  color: var(--red-100);
  margin: var(--space-0);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d95b8748]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d95b8748] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d95b8748]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d95b8748] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d95b8748]:root,
body.dark[data-v-d95b8748] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d95b8748] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d95b8748]:root,
body.dark[data-v-d95b8748] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d95b8748]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d95b8748]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d95b8748] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
h4[data-v-d95b8748] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin: var(--space-16) var(--space-0) var(--space-24);
  font-weight: 500;
}
h4[data-v-d95b8748]:first-child {
  margin: var(--space-0) var(--space-0) var(--space-24);
}
h4 span[data-v-d95b8748] {
  color: var(--text-neutral);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-cdba101c]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-cdba101c] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-cdba101c]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-cdba101c] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-cdba101c]:root,
body.dark[data-v-cdba101c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-cdba101c] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-cdba101c]:root,
body.dark[data-v-cdba101c] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-cdba101c]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-cdba101c]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-cdba101c] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.skeleton-feature-loading[data-v-cdba101c] {
  margin: var(--space-0) !important;
}
.skeleton-feature-loading .skeleton-feature[data-v-cdba101c] {
  height: 20px !important;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-42206440]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-42206440] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-42206440]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-42206440] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-42206440]:root,
body.dark[data-v-42206440] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-42206440] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-42206440]:root,
body.dark[data-v-42206440] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-42206440]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-42206440]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-42206440] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.skeleton-feature-loading[data-v-42206440] {
  margin: var(--space-0) !important;
}
.skeleton-feature-loading .skeleton-feature[data-v-42206440] {
  height: 20px !important;
  background: var(--light-300) !important;
}
.skeleton-add-integration[data-v-42206440] {
  background: var(--light-300);
}
.skeleton-add-integration .integration-config-card[data-v-42206440] {
  display: flex;
  align-items: center;
  background-color: var(--card-bg);
}
.skeleton-add-integration .integration-icon[data-v-42206440] {
  color: var(--neutral-100) !important;
}
.skeleton-add-integration .skeleton-feature-loading[data-v-42206440] {
  width: 100%;
}
.skeleton-add-integration .skeleton-feature[data-v-42206440] {
  background: var(--light-300) !important;
}
.skeleton-add-integration .skeleton-feature[data-v-42206440]::after {
  animation: none !important;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.integration-config-template {
  width: 430px;
}
.add-integration {
  margin: var(--space-16) var(--space-0);
  border: 1px dashed var(--border-neutral);
  border-radius: 6px;
  font-size: var(--fs-14);
}
.integration-content {
  max-width: 450px;
  margin-left: var(--space-32);
  margin-top: var(--space-32);
}
.integration-content-card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  padding: var(--space-16) var(--space-16) var(--space-32);
  border-radius: 6px;
}
.integration-content-card header {
  display: flex;
  align-items: center;
}
.integration-content-card header img {
  margin-right: var(--space-8);
}
.integration-content-card header .header-text {
  margin: var(--space-8) var(--space-0) var(--space-8) var(--space-8);
}
.integration-content-card header .header-text h4 {
  margin-bottom: var(--space-4);
}
.integration-content-card header .header-text h5 {
  margin-bottom: var(--space-0);
  color: var(--text-neutral);
  font-weight: 500;
}
.integration-content-card-body {
  margin-top: var(--space-8);
}
.integration-content-card-body h5 {
  color: var(--text-dark);
  font-weight: 600;
}
.integration-content-card-body b {
  font-weight: 500;
}
.integration-content-card-body * {
  font-size: var(--fs-14);
  font-weight: normal;
  color: var(--text-dark);
}
.integration-content-card-body div {
  margin-top: var(--space-8);
}
.integration-content-card-body div span {
  margin-left: var(--space-4);
  margin-right: var(--space-4);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: var(--space-negative-2);
}
.integration-content-card-body .description {
  font-weight: 500;
}
.integration-content-card-body ul {
  padding-left: var(--space-24);
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.integration-content-card-body ul li {
  line-height: 20px;
}
@media only screen and (max-width: 768px) {
.integration-config-template {
    max-width: 100%;
}
.integration-content {
    width: 100%;
    margin-left: var(--space-0);
}
}
.integration-headline {
  margin-bottom: var(--space-16);
  font-size: var(--fs-14);
  color: var(--text-neutral);
  font-weight: 500;
}
.jira-feature-headline {
  margin-bottom: 10px;
  margin-top: 20px;
}
.jira-feature-headline .jfh-col {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  color: var(--text-dark);
  height: 40px;
  border-radius: 6px;
  font-size: var(--fs-12);
  font-weight: 600;
  padding: var(--space-0) var(--space-16);
  margin-bottom: var(--space-8);
}
.jira-feature-headline .jfh-col.metastory {
  background-color: var(--card-bg);
}
.jira-feature-headline .jfh-col.jira {
  background: var(--jira-10);
  border: 1px solid var(--jira-20);
}
.jira-feature-headline .jfh-col .icon {
  margin-right: var(--space-8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.config-footer {
  display: flex;
  justify-content: space-between;
  gap: var(--space-16);
  margin-top: var(--space-16);
}
.config-footer.flex-end {
  justify-content: flex-end;
}
.config-footer .radio-group {
  display: flex;
  gap: var(--space-8);
}
.config-footer .button-group {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-8);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-45a87314]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-45a87314] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-45a87314]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-45a87314] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-45a87314]:root,
body.dark[data-v-45a87314] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-45a87314] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-45a87314]:root,
body.dark[data-v-45a87314] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-45a87314]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-45a87314]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-45a87314] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.upgrade-overlay[data-v-45a87314] {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  background: var(--upgrade-card-overlay);
  transition: opacity 250ms ease 0s;
}

/* Block */
.upgrade-box[data-v-45a87314] {
  background-color: var(--upgrade-card-bg);
  border-radius: 8px;
  box-shadow: var(--upgrade-card-shadow);
  width: 450px;
  box-sizing: border-box;
  position: fixed;
  bottom: 65px;
  right: 20px;
  z-index: 9;
  animation: dropdownMenuAnimation 0.06s ease-in;
  overflow: hidden;
  /* Element: Header */
}
.upgrade-box__header[data-v-45a87314] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--upgrade-card-white-bg);
  padding: var(--space-16);
  border-bottom: 1px solid var(--upgrade-card-border);
}
.upgrade-box__header-title[data-v-45a87314] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-8);
}
.upgrade-box__header-title h2[data-v-45a87314] {
  font-size: var(--fs-16);
  margin: var(--space-0);
  display: flex;
  align-items: center;
  gap: var(--space-4);
  line-height: normal;
}
.upgrade-box__header-title h2 span[data-v-45a87314] {
  font-weight: 400;
  color: var(--text-neutral);
}
.upgrade-box[data-v-45a87314] {
  /* Element: Content */
}
.upgrade-box__body[data-v-45a87314] {
  padding: var(--space-16) var(--space-16) var(--space-0);
  font-size: var(--fs-14);
  color: var(--text-dark);
  text-align: left;
}
.upgrade-box__body h3[data-v-45a87314] {
  font-size: var(--fs-14);
}
.upgrade-box__body[data-v-45a87314] {
  /* Element: Features List */
}
.upgrade-box__body-features[data-v-45a87314] {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: var(--space-0);
}
.upgrade-box__body-features li[data-v-45a87314] {
  font-size: var(--fs-13);
  flex: 1 1 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-6);
  line-height: 2em;
}
.upgrade-box__body-list p[data-v-45a87314] {
  margin-bottom: var(--space-8);
}
.upgrade-box[data-v-45a87314] {
  /* Element: Plans */
}
.upgrade-box__plans[data-v-45a87314] {
  display: flex;
  justify-content: space-between;
  padding: var(--space-16);
  gap: var(--space-8);
  /* Element: Plan */
}
.upgrade-box__plans-plan[data-v-45a87314] {
  display: flex;
  flex-direction: column;
  flex: 1 1 48%;
  box-sizing: border-box;
  text-align: left;
  padding: var(--space-16);
  border-radius: 8px;
  background-color: var(--upgrade-card-white-bg);
  border: 1px solid var(--upgrade-card-border);
}
.upgrade-box__plans-plan--pro[data-v-45a87314] {
  border: 2px solid var(--upgrade-card-border-highlight);
}
.upgrade-box__plans-plan h3[data-v-45a87314] {
  font-size: var(--fs-18);
  margin-bottom: var(--space-32);
}
.upgrade-box__plans-plan h4[data-v-45a87314] {
  font-size: var(--fs-24);
  margin-bottom: var(--space-16);
}
.upgrade-box__plans-plan h4 span[data-v-45a87314] {
  font-size: var(--fs-14);
  color: var(--text-neutral);
  font-weight: 400;
}
.upgrade-box__plans-plan .info[data-v-45a87314] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  margin: var(--space-0);
  margin-top: var(--space-16);
}
.upgrade-box .button--switch[data-v-45a87314] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-0b69f2b6]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-0b69f2b6] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-0b69f2b6]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-0b69f2b6] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-0b69f2b6]:root,
body.dark[data-v-0b69f2b6] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-0b69f2b6] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-0b69f2b6]:root,
body.dark[data-v-0b69f2b6] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-0b69f2b6]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-0b69f2b6]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-0b69f2b6] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.config-card[data-v-0b69f2b6] {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  padding: var(--space-16);
  border-radius: 8px;
  margin-bottom: var(--space-16);
}
.config-card.upgrade[data-v-0b69f2b6] {
  background: var(--orange-linear);
}
.config-card h2[data-v-0b69f2b6] {
  font-size: var(--fs-16);
  margin: var(--space-0);
  padding: var(--space-0);
}
.config-header[data-v-0b69f2b6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.config-header .header-title[data-v-0b69f2b6] {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  min-height: 34px;
}
.config-option[data-v-0b69f2b6] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--space-16);
  background-color: var(--light-100);
  border: 1px solid var(--border-neutral);
  border-radius: 14px;
  cursor: pointer;
  gap: var(--space-16);
}
.config-option[data-v-0b69f2b6]:hover {
  box-shadow: var(--shadow-outline);
}
.config-option[data-v-0b69f2b6]:hover .form-check-input {
  box-shadow: var(--shadow-outline) !important;
}
.config-option.selected[data-v-0b69f2b6] {
  box-shadow: var(--shadow-outline);
}
.config-option.disabled[data-v-0b69f2b6] {
  box-shadow: none;
  cursor: default;
}
.config-option.disabled[data-v-0b69f2b6] .form-check-input {
  box-shadow: none !important;
}
.config-option.disabled .option-details h3[data-v-0b69f2b6] {
  color: var(--text-neutral);
}
.config-option .option-content[data-v-0b69f2b6] {
  display: flex;
  align-items: center;
  gap: var(--space-16);
}
.config-option .option-content .option-details[data-v-0b69f2b6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.config-option .option-content .option-details h3[data-v-0b69f2b6] {
  font-size: var(--fs-16);
  margin: var(--space-0);
}
.config-option .option-content .option-details ul[data-v-0b69f2b6] {
  list-style-type: none;
  padding: var(--space-0);
  margin: var(--space-0);
  font-size: var(--fs-14);
  color: var(--text-neutral);
}
.config-option .option-content .option-details ul span[data-v-0b69f2b6] {
  margin-right: var(--space-8);
}
.config-option .option-label[data-v-0b69f2b6] {
  display: flex;
  gap: var(--space-8);
  color: var(--text-neutral);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-65f4a0f9]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-65f4a0f9] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-65f4a0f9]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-65f4a0f9] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-65f4a0f9]:root,
body.dark[data-v-65f4a0f9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-65f4a0f9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-65f4a0f9]:root,
body.dark[data-v-65f4a0f9] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-65f4a0f9]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-65f4a0f9]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-65f4a0f9] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.loading-list[data-v-65f4a0f9] {
  padding: var(--space-16);
  font-size: var(--fs-14);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.field-loading .field-feature {
  height: 40px !important;
}
.field-loading .field-feature .field-line {
  width: 100%;
  height: 40px !important;
  background-color: var(--light-300) !important;
  border: 1px solid var(--border-neutral);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral);
  font-size: var(--fs-11);
  position: relative;
}
.field-loading-dots {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: var(--space-20);
  color: var(--accent-100);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-ceb234dc]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-ceb234dc] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-ceb234dc]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-ceb234dc] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-ceb234dc]:root,
body.dark[data-v-ceb234dc] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-ceb234dc] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-ceb234dc]:root,
body.dark[data-v-ceb234dc] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-ceb234dc]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-ceb234dc]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-ceb234dc] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.jf-row .col-5[data-v-ceb234dc] {
  flex: 0 0 auto;
  width: 48%;
}
.jf-row .col-2[data-v-ceb234dc] {
  flex: 0 0 auto;
  width: 2.66667%;
}
h2[data-v-ceb234dc] {
  margin-bottom: var(--space-32);
}
.jira-feature-form[data-v-ceb234dc] {
  min-height: 44px;
  margin-bottom: var(--space-8);
}
.jira-feature-form .icon-snyc[data-v-ceb234dc] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-14);
  color: var(--neutral-200);
  height: 44px;
}
.jira-feature-form .fp-label[data-v-ceb234dc] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  border-radius: 6px;
  font-size: var(--fs-14);
  color: var(--grey-color--900);
  background: var(--light-300);
  border: 1px solid var(--light-300);
}
.jira-feature-form .fp-label .color[data-v-ceb234dc] {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background-color: var(--text-neutral);
}
.jira-feature-form .fp-label .icon[data-v-ceb234dc] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  color: var(--text-neutral);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-6d329b7b]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-6d329b7b] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-6d329b7b]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-6d329b7b] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-6d329b7b]:root,
body.dark[data-v-6d329b7b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-6d329b7b] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-6d329b7b]:root,
body.dark[data-v-6d329b7b] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-6d329b7b]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-6d329b7b]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-6d329b7b] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.jf-row .col-5[data-v-6d329b7b] {
  flex: 0 0 auto;
  width: 48%;
}
.jf-row .col-2[data-v-6d329b7b] {
  flex: 0 0 auto;
  width: 2.66667%;
}
.jira-feature-form[data-v-6d329b7b] {
  margin-bottom: 10px;
}
.jira-feature-form .icon-snyc[data-v-6d329b7b] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-14);
  color: var(--neutral-200);
}
.jira-feature-form .jf-checkbox[data-v-6d329b7b] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.jira-feature-form .fp-label[data-v-6d329b7b] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  width: 100%;
  padding: 0 10px;
  border-radius: 6px;
  font-size: var(--fs-14);
  background: var(--light-300);
  border: 1px solid var(--light-300);
}
.jira-feature-form .fp-label .icon[data-v-6d329b7b] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
}
.jira-feature-form .fp-label.fp-label-jira[data-v-6d329b7b] {
  background: var(--light-300);
  border: 1px solid var(--light-300);
}
.jira-feature-form .fp-label.fp-label-jira .icon[data-v-6d329b7b] {
  color: var(--jira-100);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-aa4762b9]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-aa4762b9] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-aa4762b9]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-aa4762b9] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-aa4762b9]:root,
body.dark[data-v-aa4762b9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-aa4762b9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-aa4762b9]:root,
body.dark[data-v-aa4762b9] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-aa4762b9]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-aa4762b9]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-aa4762b9] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
h2[data-v-aa4762b9] {
  margin-bottom: var(--space-32);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.jira-cloud-step footer {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-16);
}
.jira-cloud-step .project p {
  font-size: var(--fs-14);
  font-weight: normal;
}
.jira-cloud-step .project-list {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  height: 500px;
  list-style-type: none;
  padding: var(--space-8);
  border-radius: 6px !important;
  overflow-y: scroll;
}
.jira-cloud-step .project-list:hover {
  box-shadow: var(--card-shadow-active);
}
.jira-cloud-step .project-list .selected {
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
}
.jira-cloud-step .project-item {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--fs-14);
  padding: var(--space-8);
  cursor: pointer;
  color: var(--text-dark);
  border-radius: 6px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-94c4e2b2]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-94c4e2b2] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-94c4e2b2]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-94c4e2b2] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-94c4e2b2]:root,
body.dark[data-v-94c4e2b2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-94c4e2b2] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-94c4e2b2]:root,
body.dark[data-v-94c4e2b2] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-94c4e2b2]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-94c4e2b2]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-94c4e2b2] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.config-card[data-v-94c4e2b2] {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  padding: var(--space-16);
  border-radius: 8px;
  margin-bottom: var(--space-16);
}
.config-card.upgrade[data-v-94c4e2b2] {
  background: var(--orange-linear);
}
.config-card h2[data-v-94c4e2b2] {
  font-size: var(--fs-16);
  margin: var(--space-0);
  padding: var(--space-0);
}
.config-header[data-v-94c4e2b2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.config-header .header-title[data-v-94c4e2b2] {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  min-height: 34px;
}
.config-option[data-v-94c4e2b2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--space-16);
  background-color: var(--light-100);
  border: 1px solid var(--border-neutral);
  border-radius: 14px;
  cursor: pointer;
  gap: var(--space-16);
}
.config-option[data-v-94c4e2b2]:hover {
  box-shadow: var(--shadow-outline);
}
.config-option[data-v-94c4e2b2]:hover .form-check-input {
  box-shadow: var(--shadow-outline) !important;
}
.config-option.selected[data-v-94c4e2b2] {
  box-shadow: var(--shadow-outline);
}
.config-option.disabled[data-v-94c4e2b2] {
  box-shadow: none;
  cursor: default;
}
.config-option.disabled[data-v-94c4e2b2] .form-check-input {
  box-shadow: none !important;
}
.config-option.disabled .option-details h3[data-v-94c4e2b2] {
  color: var(--text-neutral);
}
.config-option .option-content[data-v-94c4e2b2] {
  display: flex;
  align-items: center;
  gap: var(--space-16);
}
.config-option .option-content .option-details[data-v-94c4e2b2] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.config-option .option-content .option-details h3[data-v-94c4e2b2] {
  font-size: var(--fs-16);
  margin: var(--space-0);
}
.config-option .option-content .option-details ul[data-v-94c4e2b2] {
  list-style-type: none;
  padding: var(--space-0);
  margin: var(--space-0);
  font-size: var(--fs-14);
  color: var(--text-neutral);
}
.config-option .option-content .option-details ul span[data-v-94c4e2b2] {
  margin-right: var(--space-8);
}
.config-option .option-label[data-v-94c4e2b2] {
  display: flex;
  gap: var(--space-8);
  color: var(--text-neutral);
}
.credentials-form[data-v-94c4e2b2] {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}
.cred-field[data-v-94c4e2b2] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.cred-field label[data-v-94c4e2b2] {
  font-size: var(--fs-13);
  font-weight: 500;
  color: var(--text-dark);
}
.cred-input[data-v-94c4e2b2] {
  height: 38px;
  font-size: var(--fs-14);
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  color: var(--text-dark);
  border-radius: 6px;
}
.cred-input[data-v-94c4e2b2]:focus {
  outline: none;
  border-color: var(--accent-color);
  box-shadow: 0 0 0 2px rgba(var(--accent-rgb), 0.15);
}
.cred-help[data-v-94c4e2b2] {
  font-size: var(--fs-12);
  color: var(--accent-color);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-2);
}
.cred-help[data-v-94c4e2b2]:hover {
  text-decoration: underline;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-38536856]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-38536856] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-38536856]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-38536856] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-38536856]:root,
body.dark[data-v-38536856] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-38536856] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-38536856]:root,
body.dark[data-v-38536856] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-38536856]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-38536856]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-38536856] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.loading-list[data-v-38536856] {
  padding: var(--space-16);
  font-size: var(--fs-14);
}
.empty-state[data-v-38536856] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  padding: var(--space-32) var(--space-16);
  font-size: var(--fs-14);
  color: var(--text-neutral);
}
.empty-state .empty-icon[data-v-38536856] {
  font-size: var(--fs-24);
}
.empty-state .empty-hints[data-v-38536856] {
  text-align: left;
  padding-left: var(--space-16);
  color: var(--text-secondary);
  font-size: var(--fs-13);
  margin: 0;
  line-height: 1.8;
}
.empty-state .empty-actions[data-v-38536856] {
  display: flex;
  align-items: center;
  gap: var(--space-12);
  flex-wrap: wrap;
  justify-content: center;
}
.empty-state .empty-link[data-v-38536856] {
  color: var(--accent-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.empty-state .empty-link[data-v-38536856]:hover {
  text-decoration: underline;
}
.error-state[data-v-38536856] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-12);
  padding: var(--space-32);
  text-align: center;
  font-size: var(--fs-14);
  color: var(--text-neutral);
}
.error-state .error-icon[data-v-38536856] {
  font-size: var(--fs-24);
  color: var(--danger-color);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-467b1e89]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-467b1e89] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-467b1e89]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-467b1e89] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-467b1e89]:root,
body.dark[data-v-467b1e89] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-467b1e89] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-467b1e89]:root,
body.dark[data-v-467b1e89] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-467b1e89]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-467b1e89]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-467b1e89] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.jf-row .col-5[data-v-467b1e89] {
  flex: 0 0 auto;
  width: 48%;
}
.jf-row .col-2[data-v-467b1e89] {
  flex: 0 0 auto;
  width: 2.66667%;
}
h2[data-v-467b1e89] {
  margin-bottom: var(--space-32);
}
.jira-feature-form[data-v-467b1e89] {
  min-height: 44px;
  margin-bottom: var(--space-8);
}
.jira-feature-form .icon-snyc[data-v-467b1e89] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-14);
  color: var(--neutral-200);
  height: 44px;
}
.jira-feature-form .fp-label[data-v-467b1e89] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 44px;
  border-radius: 6px;
  font-size: var(--fs-14);
  color: var(--grey-color--900);
  background: var(--light-300);
  border: 1px solid var(--light-300);
}
.jira-feature-form .fp-label .color[data-v-467b1e89] {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background-color: var(--text-neutral);
}
.jira-feature-form .fp-label .icon[data-v-467b1e89] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  color: var(--text-neutral);
}
.error-state[data-v-467b1e89] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-12);
  padding: var(--space-32);
  text-align: center;
  font-size: var(--fs-14);
  color: var(--text-neutral);
}
.error-state .error-icon[data-v-467b1e89] {
  font-size: var(--fs-24);
  color: var(--danger-color);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-d8cea528]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-d8cea528] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-d8cea528]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-d8cea528] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-d8cea528]:root,
body.dark[data-v-d8cea528] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-d8cea528] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-d8cea528]:root,
body.dark[data-v-d8cea528] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-d8cea528]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-d8cea528]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-d8cea528] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.jf-row .col-5[data-v-d8cea528] {
  flex: 0 0 auto;
  width: 48%;
}
.jf-row .col-2[data-v-d8cea528] {
  flex: 0 0 auto;
  width: 2.66667%;
}
.jira-feature-form[data-v-d8cea528] {
  margin-bottom: 10px;
}
.jira-feature-form .icon-snyc[data-v-d8cea528] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-14);
  color: var(--neutral-200);
}
.jira-feature-form .jf-checkbox[data-v-d8cea528] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.jira-feature-form .fp-label[data-v-d8cea528] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  width: 100%;
  padding: 0 10px;
  border-radius: 6px;
  font-size: var(--fs-14);
  background: var(--light-300);
  border: 1px solid var(--light-300);
}
.jira-feature-form .fp-label .icon[data-v-d8cea528] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
}
.jira-feature-form .fp-label.fp-label-azure[data-v-d8cea528] {
  background: var(--light-300);
  border: 1px solid var(--light-300);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-8c3487e1]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-8c3487e1] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-8c3487e1]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-8c3487e1] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-8c3487e1]:root,
body.dark[data-v-8c3487e1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-8c3487e1] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-8c3487e1]:root,
body.dark[data-v-8c3487e1] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-8c3487e1]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-8c3487e1]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-8c3487e1] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
h2[data-v-8c3487e1] {
  margin-bottom: var(--space-32);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.azure-boards-step footer {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-16);
}
.azure-boards-step .project p {
  font-size: var(--fs-14);
  font-weight: normal;
}
.azure-boards-step .project-list {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  height: 500px;
  list-style-type: none;
  padding: var(--space-8);
  border-radius: 6px !important;
  overflow-y: scroll;
}
.azure-boards-step .project-list:hover {
  box-shadow: var(--card-shadow-active);
}
.azure-boards-step .project-list .selected {
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
}
.azure-boards-step .project-item {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--fs-14);
  padding: var(--space-8);
  cursor: pointer;
  color: var(--text-dark);
  border-radius: 6px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-3735b40f]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-3735b40f] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-3735b40f]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-3735b40f] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-3735b40f]:root,
body.dark[data-v-3735b40f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-3735b40f] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-3735b40f]:root,
body.dark[data-v-3735b40f] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-3735b40f]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-3735b40f]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-3735b40f] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.drive-browser[data-v-3735b40f] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-height: 200px;
}
.drive-browser__breadcrumb[data-v-3735b40f] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  font-size: var(--fs-12);
  color: var(--text-neutral);
  flex-wrap: wrap;
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--border-neutral);
}
.drive-browser__crumb[data-v-3735b40f] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}
.drive-browser__crumb-label--link[data-v-3735b40f] {
  cursor: pointer;
  color: var(--text-blue);
}
.drive-browser__crumb-label--link[data-v-3735b40f]:hover {
  text-decoration: underline;
}
.drive-browser__crumb-sep[data-v-3735b40f] {
  font-size: var(--fs-10);
  color: var(--text-neutral);
}
.drive-browser__loading[data-v-3735b40f], .drive-browser__error[data-v-3735b40f], .drive-browser__empty[data-v-3735b40f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  padding: var(--space-32);
  color: var(--text-neutral);
  font-size: var(--fs-14);
  text-align: center;
}
.drive-browser__list[data-v-3735b40f] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-height: 340px;
  overflow-y: auto;
}
.drive-browser__item[data-v-3735b40f] {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-6) var(--space-8);
  border-radius: 4px;
  cursor: pointer;
  font-size: var(--fs-13);
  color: var(--text-dark);
  transition: background 0.1s;
}
.drive-browser__item[data-v-3735b40f]:hover {
  background: var(--light-100);
}
.drive-browser__item--folder[data-v-3735b40f] {
  font-weight: 500;
}
.drive-browser__checkbox[data-v-3735b40f] {
  flex: 0 0 16px;
}
.drive-browser__folder-icon[data-v-3735b40f] {
  flex: 0 0 16px;
  color: var(--text-neutral);
  font-size: var(--fs-14);
}
.drive-browser__mime-icon[data-v-3735b40f] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  object-fit: contain;
  color: var(--text-neutral);
  font-size: var(--fs-14);
}
.drive-browser__name[data-v-3735b40f] {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.drive-browser__meta[data-v-3735b40f] {
  flex: 0 0 auto;
  font-size: var(--fs-11);
  color: var(--text-neutral);
}
.drive-browser__chevron[data-v-3735b40f] {
  flex: 0 0 10px;
  font-size: var(--fs-10);
  color: var(--text-neutral);
}
.drive-browser__load-more[data-v-3735b40f] {
  display: flex;
  justify-content: center;
  padding-top: var(--space-8);
}
.drive-browser__footer[data-v-3735b40f] {
  display: flex;
  justify-content: flex-end;
  padding-top: var(--space-8);
  border-top: 1px solid var(--border-neutral);
  margin-top: auto;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-af5e1df9]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-af5e1df9] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-af5e1df9]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-af5e1df9] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-af5e1df9]:root,
body.dark[data-v-af5e1df9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-af5e1df9] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-af5e1df9]:root,
body.dark[data-v-af5e1df9] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-af5e1df9]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-af5e1df9]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-af5e1df9] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.google-drive-view[data-v-af5e1df9] {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.google-drive-view__browser-header h5[data-v-af5e1df9] {
  font-weight: 500;
  margin-bottom: var(--space-4);
}
.google-drive-view__browser-header p[data-v-af5e1df9] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.google-drive-view__actions[data-v-af5e1df9] {
  display: flex;
  justify-content: flex-end;
}
.google-drive-view__disconnect[data-v-af5e1df9] {
  display: flex;
  justify-content: flex-end;
  padding-top: var(--space-8);
  border-top: 1px solid var(--border-neutral);
  margin-top: var(--space-8);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.slack-step-1 h2 {
  font-size: var(--fs-20);
  margin-bottom: 20px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.datatable-members td, .datatable-members th {
  padding: var(--space-8) !important;
}
.datatable-members th {
  font-size: var(--fs-12) !important;
  font-weight: 500 !important;
  color: var(--text-neutral) !important;
}
.datatable-members .datacol-1 {
  width: 250px !important;
}
.datatable-members .user {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.datatable-members .user .info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.datatable-members .user .name {
  width: 180px;
  color: var(--text-dark);
  margin-bottom: var(--space-negative-2);
  font-size: var(--fs-14);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.datatable-members .user .name:hover {
  cursor: pointer;
}
.datatable-members .user .mail {
  color: var(--text-neutral);
  font-size: var(--fs-12);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 180px;
}
.datatable-members .user .mail:hover {
  cursor: pointer;
}
.datatable-members .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: var(--space-8);
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.datatable-members .user-avatar > img {
  background-color: rgb(244, 244, 245);
  border-radius: 4px;
  display: block;
  height: 100%;
  margin: var(--space-0);
  padding: var(--space-0);
  position: relative;
  width: 100%;
  z-index: 0;
}
.datatable-members .user-avatar > .text-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  color: var(--light-100);
  background: var(--cyan-200);
  font-size: var(--fs-24);
  font-weight: 700;
  mask-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.947 18.947c-13.32 13.32-17.947 42.57-17.947 109.053s4.626 95.732 17.947 109.053c13.32 13.32 42.57 17.947 109.053 17.947s95.732-4.626 109.053-17.947c13.32-13.32 17.947-42.57 17.947-109.053s-4.626-95.732-17.947-109.053c-13.32-13.32-42.57-17.947-109.053-17.947s-95.732 4.626-109.053 17.947z' fill-rule='nonzero' stroke='%23000' transform='matrix(.992126 0 0 .992126 1.00787 1.00787)'/%3E%3C/svg%3E");
  mask-position: center center;
  mask-repeat: no-repeat;
}
.datatable-members .user-avatar > .text-avatar:hover {
  background: var(--cyan-200);
}
.datatable-members .user-avatar > .text-avatar h1 {
  color: var(--light-100);
  margin: var(--space-0);
  font-size: var(--fs-16);
  line-height: normal;
}
.datatable-members .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.datatable-members .assigned {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.datatable-members .p-datatable-wrapper .p-datatable-tbody tr {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  border-radius: 6px;
}
.datatable-members .p-datatable-wrapper .p-datatable-tbody tr:hover {
  border-radius: 6px;
  box-shadow: var(--shadow-lg);
  z-index: 1;
  position: relative;
}
.datatable-members .p-datatable-wrapper .p-datatable-tbody tr td:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.datatable-members .p-datatable-wrapper .p-datatable-tbody tr td:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.p-paginator .p-paginator-pages .p-paginator-page {
  background-color: transparent;
  border: 0 none;
  color: var(--neutral-200);
  min-width: 32px;
  height: 32px;
  margin: 0px;
  transition: box-shadow 0.2s;
  border-radius: 6px;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background: var(--neutral-100);
  border-color: var(--neutral-100);
  color: var(--text-dark);
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: var(--accent-100);
  border-color: var(--accent-100);
  color: var(--light-100);
}
.p-datatable-responsive-scroll > .p-datatable-wrapper {
  overflow-x: initial;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-e20453da]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-e20453da] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-e20453da]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-e20453da] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-e20453da]:root,
body.dark[data-v-e20453da] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-e20453da] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-e20453da]:root,
body.dark[data-v-e20453da] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-e20453da]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-e20453da]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-e20453da] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.member-details[data-v-e20453da] {
  width: 100%;
  height: 100%;
  padding: 30px 30px 20px;
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  border-radius: 6px;
}
.user-header[data-v-e20453da] {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.user-header .user-content[data-v-e20453da] {
  margin-left: 15px;
}
.user-button[data-v-e20453da] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.user-avatar[data-v-e20453da] {
  width: 80px;
  height: 80px;
  font-size: var(--fs-24);
}
.user-avatar.text-avatar h1[data-v-e20453da] {
  font-size: var(--fs-24);
}
.assigned-project[data-v-e20453da] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--card-bg);
  box-shadow: var(--card-shadow);
  border-radius: 6px;
  font-size: var(--fs-14);
  padding: var(--space-16);
  margin: var(--space-16) var(--space-0);
  gap: var(--space-16);
}
.assigned-project[data-v-e20453da]:hover {
  box-shadow: var(--card-shadow-active);
}
.assigned-project .name[data-v-e20453da] {
  font-weight: 500;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-8a534ee8]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-8a534ee8] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-8a534ee8]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-8a534ee8] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-8a534ee8]:root,
body.dark[data-v-8a534ee8] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-8a534ee8] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-8a534ee8]:root,
body.dark[data-v-8a534ee8] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-8a534ee8]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-8a534ee8]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-8a534ee8] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.teammate-group[data-v-8a534ee8] {
  display: flex;
  gap: var(--space-16);
  margin-bottom: var(--space-16);
}
.action[data-v-8a534ee8] {
  margin-top: var(--space-16);
}
.message[data-v-8a534ee8] {
  display: flex;
  justify-content: center;
}
.message .tag--default[data-v-8a534ee8] {
  width: 100%;
}
.btn-groups[data-v-8a534ee8] {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-8);
}
.btn-auth[data-v-8a534ee8] {
  width: 250px;
}
.btn-auth .btn[data-v-8a534ee8] {
  height: 45px !important;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-4828ea29]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-4828ea29] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-4828ea29]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-4828ea29] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-4828ea29]:root,
body.dark[data-v-4828ea29] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-4828ea29] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-4828ea29]:root,
body.dark[data-v-4828ea29] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-4828ea29]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-4828ea29]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-4828ea29] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.action[data-v-4828ea29] {
  margin-top: 20px;
  margin-bottom: 100px;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-aae8df91]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-aae8df91] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-aae8df91]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-aae8df91] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-aae8df91]:root,
body.dark[data-v-aae8df91] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-aae8df91] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-aae8df91]:root,
body.dark[data-v-aae8df91] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-aae8df91]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-aae8df91]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-aae8df91] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.modal-dialog .cancellation-reason[data-v-aae8df91] {
  margin: var(--space-0);
  padding: var(--space-0);
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.modal-dialog .modal-footer[data-v-aae8df91] {
  padding: var(--space-32);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-6eaf8870]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-6eaf8870] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-6eaf8870]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-6eaf8870] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-6eaf8870]:root,
body.dark[data-v-6eaf8870] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-6eaf8870] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-6eaf8870]:root,
body.dark[data-v-6eaf8870] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-6eaf8870]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-6eaf8870]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-6eaf8870] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.modal-dialog .cancellation-reason[data-v-6eaf8870] {
  margin: var(--space-0);
  padding: var(--space-0);
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}
.modal-dialog .modal-footer[data-v-6eaf8870] {
  padding: var(--space-32);
}
.row-margin[data-v-6eaf8870] {
  margin-bottom: var(--space-68);
}
.col-package-headline[data-v-6eaf8870] {
  text-align: center;
}
.col-package-headline h1[data-v-6eaf8870] {
  font-weight: 600;
  font-size: var(--fs-32);
  margin-bottom: var(--space-8);
}
.col-package-headline p[data-v-6eaf8870] {
  color: var(--text-neutral);
  margin: var(--space-0) var(--space-0) var(--space-32);
  font-size: var(--fs-14);
}
.col-package-actions[data-v-6eaf8870] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--space-32);
  margin-bottom: var(--space-48);
}
.col-package-actions .col-package-select[data-v-6eaf8870] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 360px;
  background-color: var(--button-tab-bg);
  border-bottom: 2px solid var(--button-tab-border);
  color: var(--text-neutral-dark);
  padding: var(--space-0);
  position: relative;
  z-index: 1;
}
.col-package-actions .col-package-select .package-selectable[data-v-6eaf8870] {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-neutral-light);
  cursor: pointer;
  font-weight: 500;
  padding: var(--space-8);
  gap: var(--space-8);
}
.col-package-actions .col-package-select .package-selectable[data-v-6eaf8870]:hover {
  color: var(--text-dark);
}
.col-package-actions .col-package-select .package-selectable.active[data-v-6eaf8870] {
  background-color: var(--button-tab-bg);
  border: 0;
  border-bottom: 2px solid var(--button-tab-border-hover) !important;
  color: var(--button-dark-text);
  margin-bottom: var(--space-negative-2) !important;
}
.col-package-actions .col-package-info[data-v-6eaf8870] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  padding: var(--space-0) var(--space-16);
  gap: var(--space-16);
}
.col-package-actions .col-package-info p[data-v-6eaf8870] {
  color: var(--text-dark);
  font-size: var(--fs-14);
  margin-bottom: var(--space-0);
  font-weight: 500;
}
.col-package-actions .col-package-info .package-editors[data-v-6eaf8870] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
}
.col-package-actions .col-package-info .package-editors .form-check-input[data-v-6eaf8870] {
  width: 80px;
  height: 35px;
  background-color: var(--form-bg);
  border: 1px solid var(--form-border);
  color: var(--text-dark);
  border-radius: 6px;
  text-align: center;
  font-weight: 600;
  font-size: var(--fs-20);
  margin: var(--space-0);
}
.col-package-actions .col-package-info .package-editors .form-check-input[data-v-6eaf8870]:hover {
  background-color: var(--form-bg-hover);
  border: 1px solid var(--form-border-hover);
  box-shadow: var(--form-shadow-outline) !important;
}
.col-package-actions .col-package-info .package-editors .form-check-input[data-v-6eaf8870]:focus, .col-package-actions .col-package-info .package-editors .form-check-input[data-v-6eaf8870]:active, .col-package-actions .col-package-info .package-editors .form-check-input[data-v-6eaf8870]:has(textarea:focus) {
  background-color: var(--form-bg-focus);
  border: 1px solid var(--form-border-focus);
  box-shadow: var(--form-shadow-outline) !important;
}
.col-package-actions .col-package-info .package-editors .form-check-input[data-v-6eaf8870]::-webkit-outer-spin-button, .col-package-actions .col-package-info .package-editors .form-check-input[data-v-6eaf8870]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: var(--space-0);
}
.col-package-actions .col-package-info .package-editors .key[data-v-6eaf8870] {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--button-accent-bg);
  border: 1px solid var(--button-accent-border);
  color: var(--button-light-text);
  cursor: pointer;
}
.col-package-actions .col-package-info .package-editors .key[data-v-6eaf8870]:hover {
  background-color: var(--button-accent-bg-hover);
  border: 1px solid var(--button-accent-border) !important;
  color: var(--button-light-text);
}
.col-package-actions .col-package-info .package-editors .key[data-v-6eaf8870]:focus, .col-package-actions .col-package-info .package-editors .key[data-v-6eaf8870]:active {
  background-color: var(--button-accent-bg-hover);
  border: 1px solid var(--button-accent-border) !important;
  color: var(--button-light-text);
  box-shadow: var(--shadow-outline) !important;
}
.col-package-actions .col-package-info .package-editors .info-key[data-v-6eaf8870] {
  width: 24px;
  height: 24px;
  background-color: var(--light-100);
  color: var(--text-accent);
  border: 1px solid var(--border-accent-dark);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: var(--fs-12);
}
.col-package-actions .col-package-info .package-editors .info-key[data-v-6eaf8870]:hover {
  background-color: var(--accent-10);
}
.col-upgrade-box[data-v-6eaf8870] {
  background-color: var(--card-bg);
  border: 1px solid var(--border-neutral);
  border-radius: 14px;
  width: 100%;
  overflow: hidden;
}
.col-upgrade-box[data-v-6eaf8870]:hover {
  background-color: var(--light-100);
  box-shadow: var(--shadow-lg);
}
.col-upgrade-box.col-pro[data-v-6eaf8870] {
  border: 1px solid var(--border-orange-dark);
  box-shadow: var(--card-shadow-active);
}
.col-upgrade-box.col-pro .upgrade-box-headline[data-v-6eaf8870] {
  background: var(--orange-linear);
  border-bottom: 1px solid var(--border-neutral);
}
.col-upgrade-box.col-pro .upgrade-box-headline h2[data-v-6eaf8870] {
  color: var(--text-dark);
}
.col-upgrade-box.col-bus[data-v-6eaf8870] {
  border: 1px solid var(--border-teal-dark);
}
.col-upgrade-box.col-bus .upgrade-box-headline[data-v-6eaf8870] {
  background: var(--teal-linear);
  border-bottom: 1px solid var(--border-neutral);
}
.col-upgrade-box.col-bus .upgrade-box-headline h2[data-v-6eaf8870] {
  color: var(--text-dark);
}
.col-upgrade-box.col-bus .upgrade-box-price h1[data-v-6eaf8870] {
  display: flex;
  align-items: center;
  min-height: 57px;
  font-size: var(--fs-28);
}
.col-upgrade-box .upgrade-box-headline[data-v-6eaf8870] {
  display: flex;
  justify-content: flex-start;
  padding: var(--space-24);
  align-items: flex-start;
  flex-direction: column;
  background-color: var(--light-200);
  border-bottom: 1px solid var(--border-neutral);
  position: relative;
}
.col-upgrade-box .upgrade-box-headline h2[data-v-6eaf8870] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: var(--space-0);
  gap: var(--space-8);
  color: var(--text-dark);
  font-size: var(--fs-24);
  margin-bottom: var(--space-8);
  font-weight: 600;
}
.col-upgrade-box .upgrade-box-headline p[data-v-6eaf8870] {
  margin: var(--space-0);
  border-radius: 6px;
  font-size: var(--fs-14);
  color: var(--text-dark);
}
.col-upgrade-box .upgrade-box-headline p.plan-subtitle[data-v-6eaf8870] {
  font-weight: 600;
  margin-bottom: 5px;
}
.col-upgrade-box .upgrade-box-headline p.plan-summary[data-v-6eaf8870] {
  color: var(--text-neutral);
}
.col-upgrade-box .upgrade-box-price[data-v-6eaf8870] {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding: var(--space-24);
}
.col-upgrade-box .upgrade-box-price h1[data-v-6eaf8870] {
  margin-bottom: var(--space-12);
  font-size: var(--fs-48);
}
.col-upgrade-box .upgrade-box-price h1 span[data-v-6eaf8870] {
  color: var(--text-neutral);
}
.col-upgrade-box .upgrade-box-price p[data-v-6eaf8870] {
  margin: var(--space-0);
}
.col-upgrade-box .upgrade-box-price .user[data-v-6eaf8870] {
  margin-bottom: var(--space-8);
  color: var(--text-neutral);
}
.col-upgrade-box .upgrade-box-price .total[data-v-6eaf8870] {
  color: var(--text-dark);
  font-size: var(--fs-14);
  line-height: 30px;
}
.col-upgrade-box .upgrade-box-price .total span[data-v-6eaf8870] {
  border-bottom: 1px dashed var(--border-neutral-darker);
  padding-bottom: var(--space-4);
  font-weight: 600;
}
.col-upgrade-box .upgrade-box-price .tag[data-v-6eaf8870] {
  margin-top: var(--space-32);
  display: flex;
  gap: var(--space-8);
}
.col-upgrade-box .upgrade-button[data-v-6eaf8870] {
  padding: var(--space-0) var(--space-24) var(--space-10);
}
.col-upgrade-box .upgrade-button hr[data-v-6eaf8870] {
  width: 100%;
  height: 2px;
  border-top: 1px solid var(--border-neutral) !important;
  margin-top: 30px;
  margin-bottom: 0;
}
.col-upgrade-box .upgrade-package[data-v-6eaf8870] {
  padding: var(--space-0) var(--space-24) var(--space-24);
}
.col-upgrade-box .upgrade-package ul[data-v-6eaf8870] {
  list-style-type: none;
  margin: var(--space-0);
  padding: var(--space-0);
}
.col-upgrade-box .upgrade-package ul li[data-v-6eaf8870] {
  font-size: var(--fs-14);
  display: flex;
  margin-bottom: var(--space-16);
}
.col-upgrade-box .upgrade-package .subheadline[data-v-6eaf8870] {
  font-size: var(--fs-13);
  color: var(--text-neutral);
  font-weight: 600;
  margin: var(--space-16) var(--space-0) var(--space-24);
}
.col-upgrade-box .upgrade-package .nested-list[data-v-6eaf8870] {
  width: 100%;
}
.col-upgrade-box .upgrade-package .nested-list.one[data-v-6eaf8870] {
  min-height: 480px;
}
.col-upgrade-box .upgrade-package .nested-list.two[data-v-6eaf8870] {
  min-height: 240px;
}
.col-upgrade-box .upgrade-package .in-pipeline[data-v-6eaf8870] {
  width: 100%;
  margin-bottom: var(--space-16);
  background: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
  border-radius: 6px;
  padding: var(--space-16);
  min-height: 218px;
}
.col-upgrade-box .upgrade-package .in-pipeline .subheadline[data-v-6eaf8870] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  line-height: normal;
  gap: var(--space-8);
  color: var(--text-blue);
  margin: var(--space-0) var(--space-0) var(--space-16);
}
.col-upgrade-box .upgrade-package .in-pipeline li[data-v-6eaf8870]:last-child {
  margin-bottom: var(--space-0);
}
.col-upgrade-box .upgrade-package .icon[data-v-6eaf8870] {
  min-width: 16px;
  color: var(--text-dark);
  text-align: center;
  margin-right: var(--space-8);
}
.col-upgrade-box .upgrade-package .icon .soon[data-v-6eaf8870] {
  color: var(--text-neutral);
}
.col-upgrade-box .upgrade-package .title[data-v-6eaf8870] {
  font-weight: 500;
  display: block;
  margin-bottom: var(--space-2);
}
.col-upgrade-box .upgrade-package .text[data-v-6eaf8870] {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  display: inline-block;
  line-height: 20px;
}
.col-upgrade-box .upgrade-package .soon[data-v-6eaf8870] {
  color: var(--text-blue);
}
.col-upgrade-box .upgrade-package .jira[data-v-6eaf8870] {
  height: 15px;
  margin: var(--space-2);
  margin-top: var(--space-negative-2);
  display: inline;
}
.col-upgrade-box .upgrade-package .figma[data-v-6eaf8870] {
  height: 14px;
  margin: var(--space-2);
  margin-top: var(--space-negative-2);
  display: inline;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.datatable-invoice td, .datatable-invoice th {
  padding: var(--space-8);
  font-size: var(--fs-12);
}
.datatable-invoice th {
  font-size: var(--fs-12);
  font-weight: 500;
  color: var(--text-neutral);
}
.datatable-invoice .datacol-1 {
  width: 100px;
}
.datatable-invoice .invoice {
  color: var(--text-dark);
  font-weight: 600;
}
.datatable-invoice .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.datatable-invoice .p-datatable-wrapper .p-datatable-tbody tr {
  font-size: var(--fs-14);
  color: var(--text-neutral);
  background: var(--transparent);
  border: 1px solid var(--transparent);
  border-radius: 6px;
}
.datatable-invoice .p-datatable-wrapper .p-datatable-tbody tr:hover {
  border-radius: 6px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--shadow-lg);
  z-index: 1;
  position: relative;
}
.datatable-invoice .p-datatable-wrapper .p-datatable-tbody tr td:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.datatable-invoice .p-datatable-wrapper .p-datatable-tbody tr td:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.btn--link {
  color: var(--text-accent);
  text-decoration: underline;
  cursor: pointer;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
[data-v-f8cab8ac]:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark[data-v-f8cab8ac] {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
[data-v-f8cab8ac]:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark[data-v-f8cab8ac] {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
[data-v-f8cab8ac]:root,
body.dark[data-v-f8cab8ac] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark[data-v-f8cab8ac] {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
[data-v-f8cab8ac]:root,
body.dark[data-v-f8cab8ac] {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
[data-v-f8cab8ac]:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
[data-v-f8cab8ac]:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark[data-v-f8cab8ac] {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.container-announcement[data-v-f8cab8ac] {
  background: var(--dark-200);
  color: var(--light-100);
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.carousel[data-v-f8cab8ac] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.carousel-announcement[data-v-f8cab8ac] {
  margin-right: 0;
  margin-left: 0;
  text-align: left;
  margin-bottom: 32px;
  position: absolute;
  z-index: 1;
  bottom: 60px;
  left: 60px;
}
.carousel-announcement h2[data-v-f8cab8ac] {
  font-size: var(--fs-32);
  font-weight: 600;
  color: var(--text-light-fixed);
}
.carousel-announcement h2 span[data-v-f8cab8ac] {
  background: var(--accent-100);
  margin: var(--space-4);
  display: inline-block;
  padding: var(--space-8) var(--space-12);
  border-radius: 8px;
  letter-spacing: -1.6px;
}
.carousel-announcement h2 span[data-v-f8cab8ac]:last-child {
  margin-bottom: var(--space-0);
}
.carousel-announcement p[data-v-f8cab8ac] {
  font-size: var(--fs-16);
  letter-spacing: 0.2px;
  color: var(--text-light-fixed);
}
.carousel-inner[data-v-f8cab8ac] {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.carousel-image[data-v-f8cab8ac] {
  width: 100%;
  height: 100vh;
  display: block;
  min-height: 100%;
  position: absolute;
  top: 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.carousel-item[data-v-f8cab8ac] {
  text-align: left;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  pointer-events: none;
}
.carousel-fade .carousel-item.active[data-v-f8cab8ac] {
  opacity: 1;
  pointer-events: auto;
}
.carousel-fade:not(.carousel-initialized) .carousel-item.active[data-v-f8cab8ac] {
  animation-name: fadeInOpacity-f8cab8ac;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  animation-duration: 0.6s;
}
.carousel-fade.carousel-initialized .carousel-item.active[data-v-f8cab8ac] {
  animation: none;
}
@keyframes fadeInOpacity-f8cab8ac {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.carousel-headline[data-v-f8cab8ac] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  bottom: 40px;
  left: 60px;
  z-index: 2;
}
.carousel-indicators[data-v-f8cab8ac] {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.carousel-indicators button[data-v-f8cab8ac] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--light-100);
  background-color: transparent;
  opacity: 1;
  padding: 0;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.carousel-indicators button.active[data-v-f8cab8ac] {
  background-color: var(--light-100);
}
.highlight-1[data-v-f8cab8ac] {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/assets/jpg/auth-bg-1-C-8KATUf.jpg);
}
.highlight-2[data-v-f8cab8ac] {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/assets/jpg/auth-bg-2-BwYE0e_5.jpg);
}
.highlight-3[data-v-f8cab8ac] {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url(/assets/jpg/auth-bg-3-DoBuxpCD.jpg);
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
.hidden {
  display: none;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter-from, .fade-leave-to {
  opacity: 0;
}
.container-auth {
  position: absolute;
  z-index: 2;
  right: var(--space-64);
  top: 50%;
  transform: translateY(-50%);
  width: 420px;
  height: auto;
  background-color: var(--light-100);
  border-radius: 20px;
  box-shadow: var(--card-shadow-active);
  padding: var(--space-32);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
}
.container-auth .logo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--space-32);
  margin-bottom: var(--space-64);
}
.container-auth .headline {
  margin-bottom: 20px;
}
.container-auth .small-text-center {
  font-size: var(--fs-14);
  color: var(--text-neutral);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 20px 0;
}
.container-auth .small-text-center a {
  color: var(--text-neutral);
  border-bottom: 1px dotted var(--neutral-300);
}
.container-auth .small-text-right {
  font-size: var(--fs-14);
  color: var(--text-neutral);
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 20px 0;
}
.container-auth .small-text-right a {
  color: var(--text-neutral);
}
.container-auth .input-group {
  margin-bottom: 10px;
  height: 45px;
}
.container-auth form .form-control {
  background: transparent;
  padding: 0.375rem 1rem;
  border: 0;
  font-size: var(--fs-14);
  height: 41px;
}
.container-auth form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--neutral-200) !important;
}
.container-auth form .form-control::-moz-placeholder { /* Firefox 19+ */
  color: var(--neutral-200) !important;
}
.container-auth form .form-control:-ms-input-placeholder { /* IE 10+ */
  color: var(--neutral-200) !important;
}
.container-auth form .form-control:-moz-placeholder { /* Firefox 18- */
  color: var(--neutral-200) !important;
}
.container-auth form .form-check-input {
  border: 1px solid var(--neutral-200);
}
.container-auth form .form-check-label {
  font-size: var(--fs-14);
  color: var(--text-dark);
}
.container-auth form .form-check-label.checkbox {
  color: var(--text-dark);
  font-size: var(--fs-10);
}
.container-auth .password-meter {
  margin-bottom: 10px;
  text-align: center;
}
.container-auth .po-password-strength-bar {
  border-radius: 6px;
  transition: all 0.2s linear;
  height: 5px;
  margin-top: 8px;
  background-color: var(--password-strength-default);
}
.container-auth .po-password-strength-bar.risky {
  background-color: var(--password-strength-risky);
}
.container-auth .po-password-strength-bar.guessable {
  background-color: var(--password-strength-guessable);
}
.container-auth .po-password-strength-bar.weak {
  background-color: var(--password-strength-weak);
}
.container-auth .po-password-strength-bar.safe {
  background-color: var(--password-strength-safe);
}
.container-auth .po-password-strength-bar.secure {
  background-color: var(--password-strength-secure);
}
.container-auth .alert-successful {
  color: var(--green-100);
  text-align: center;
  margin: 20px 0;
}/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}
:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}
:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}
:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}
:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}
:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}
#app {
  height: 100%;
}
.app-wrapper {
  height: 100vh;
}
.app-wrapper.app-publish {
  min-width: 100% !important;
  height: 100vh !important;
}
.app-wrapper.app-auth {
  min-width: unset !important;
}/* 1 — primitive */
:root {
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-900: oklch(39.6% 0.141 25.723);
  --color-red-950: oklch(25.8% 0.092 26.042);
  --color-orange-50: oklch(98% 0.016 73.684);
  --color-orange-100: oklch(95.4% 0.038 75.164);
  --color-orange-200: oklch(90.1% 0.076 70.697);
  --color-orange-300: oklch(83.7% 0.128 66.29);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-orange-500: oklch(70.5% 0.213 47.604);
  --color-orange-600: oklch(64.6% 0.222 41.116);
  --color-orange-700: oklch(55.3% 0.195 38.402);
  --color-orange-800: oklch(47% 0.157 37.304);
  --color-orange-900: oklch(40.8% 0.123 38.172);
  --color-orange-950: oklch(26.6% 0.079 36.259);
  --color-amber-50: oklch(98.7% 0.022 95.277);
  --color-amber-100: oklch(96.2% 0.059 95.617);
  --color-amber-200: oklch(92.4% 0.12 95.746);
  --color-amber-300: oklch(87.9% 0.169 91.605);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-500: oklch(76.9% 0.188 70.08);
  --color-amber-600: oklch(66.6% 0.179 58.318);
  --color-amber-700: oklch(55.5% 0.163 48.998);
  --color-amber-800: oklch(47.3% 0.137 46.201);
  --color-amber-900: oklch(41.4% 0.112 45.904);
  --color-amber-950: oklch(27.9% 0.077 45.635);
  --color-yellow-50: oklch(98.7% 0.026 102.212);
  --color-yellow-100: oklch(97.3% 0.071 103.193);
  --color-yellow-200: oklch(94.5% 0.129 101.54);
  --color-yellow-300: oklch(90.5% 0.182 98.111);
  --color-yellow-400: oklch(85.2% 0.199 91.936);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-yellow-600: oklch(68.1% 0.162 75.834);
  --color-yellow-700: oklch(55.4% 0.135 66.442);
  --color-yellow-800: oklch(47.6% 0.114 61.907);
  --color-yellow-900: oklch(42.1% 0.095 57.708);
  --color-yellow-950: oklch(28.6% 0.066 53.813);
  --color-lime-50: oklch(98.6% 0.031 120.757);
  --color-lime-100: oklch(96.7% 0.067 122.328);
  --color-lime-200: oklch(93.8% 0.127 124.321);
  --color-lime-300: oklch(89.7% 0.196 126.665);
  --color-lime-400: oklch(84.1% 0.238 128.85);
  --color-lime-500: oklch(76.8% 0.233 130.85);
  --color-lime-600: oklch(64.8% 0.2 131.684);
  --color-lime-700: oklch(53.2% 0.157 131.589);
  --color-lime-800: oklch(45.3% 0.124 130.933);
  --color-lime-900: oklch(40.5% 0.101 131.063);
  --color-lime-950: oklch(27.4% 0.072 132.109);
  --color-green-50: oklch(98.2% 0.018 155.826);
  --color-green-100: oklch(96.2% 0.044 156.743);
  --color-green-200: oklch(92.5% 0.084 155.995);
  --color-green-300: oklch(87.1% 0.15 154.449);
  --color-green-400: oklch(79.2% 0.209 151.711);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-600: oklch(62.7% 0.194 149.214);
  --color-green-700: oklch(52.7% 0.154 150.069);
  --color-green-800: oklch(44.8% 0.119 151.328);
  --color-green-900: oklch(39.3% 0.095 152.535);
  --color-green-950: oklch(26.6% 0.065 152.934);
  --color-emerald-50: oklch(97.9% 0.021 166.113);
  --color-emerald-100: oklch(95% 0.052 163.051);
  --color-emerald-200: oklch(90.5% 0.093 164.15);
  --color-emerald-300: oklch(84.5% 0.143 164.978);
  --color-emerald-400: oklch(76.5% 0.177 163.223);
  --color-emerald-500: oklch(69.6% 0.17 162.48);
  --color-emerald-600: oklch(59.6% 0.145 163.225);
  --color-emerald-700: oklch(50.8% 0.118 165.612);
  --color-emerald-800: oklch(43.2% 0.095 166.913);
  --color-emerald-900: oklch(37.8% 0.077 168.94);
  --color-emerald-950: oklch(26.2% 0.051 172.552);
  --color-teal-50: oklch(98.4% 0.014 180.72);
  --color-teal-100: oklch(95.3% 0.051 180.801);
  --color-teal-200: oklch(91% 0.096 180.426);
  --color-teal-300: oklch(85.5% 0.138 181.071);
  --color-teal-400: oklch(77.7% 0.152 181.912);
  --color-teal-500: oklch(70.4% 0.14 182.503);
  --color-teal-600: oklch(60% 0.118 184.704);
  --color-teal-700: oklch(51.1% 0.096 186.391);
  --color-teal-800: oklch(43.7% 0.078 188.216);
  --color-teal-900: oklch(38.6% 0.063 188.416);
  --color-teal-950: oklch(27.7% 0.046 192.524);
  --color-cyan-50: oklch(98.4% 0.019 200.873);
  --color-cyan-100: oklch(95.6% 0.045 203.388);
  --color-cyan-200: oklch(91.7% 0.08 205.041);
  --color-cyan-300: oklch(86.5% 0.127 207.078);
  --color-cyan-400: oklch(78.9% 0.154 211.53);
  --color-cyan-500: oklch(71.5% 0.143 215.221);
  --color-cyan-600: oklch(60.9% 0.126 221.723);
  --color-cyan-700: oklch(52% 0.105 223.128);
  --color-cyan-800: oklch(45% 0.085 224.283);
  --color-cyan-900: oklch(39.8% 0.07 227.392);
  --color-cyan-950: oklch(30.2% 0.056 229.695);
  --color-sky-50: oklch(97.7% 0.013 236.62);
  --color-sky-100: oklch(95.1% 0.026 236.824);
  --color-sky-200: oklch(90.1% 0.058 230.902);
  --color-sky-300: oklch(82.8% 0.111 230.318);
  --color-sky-400: oklch(74.6% 0.16 232.661);
  --color-sky-500: oklch(68.5% 0.169 237.323);
  --color-sky-600: oklch(58.8% 0.158 241.966);
  --color-sky-700: oklch(50% 0.134 242.749);
  --color-sky-800: oklch(44.3% 0.11 240.79);
  --color-sky-900: oklch(39.1% 0.09 240.876);
  --color-sky-950: oklch(29.3% 0.066 243.157);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-blue-900: oklch(37.9% 0.146 265.522);
  --color-blue-950: oklch(28.2% 0.091 267.935);
  --color-indigo-50: oklch(96.2% 0.018 272.314);
  --color-indigo-100: oklch(93% 0.034 272.788);
  --color-indigo-200: oklch(87% 0.065 274.039);
  --color-indigo-300: oklch(78.5% 0.115 274.713);
  --color-indigo-400: oklch(67.3% 0.182 276.935);
  --color-indigo-500: oklch(58.5% 0.233 277.117);
  --color-indigo-600: oklch(51.1% 0.262 276.966);
  --color-indigo-700: oklch(45.7% 0.24 277.023);
  --color-indigo-800: oklch(39.8% 0.195 277.366);
  --color-indigo-900: oklch(35.9% 0.144 278.697);
  --color-indigo-950: oklch(25.7% 0.09 281.288);
  --color-violet-50: oklch(96.9% 0.016 293.756);
  --color-violet-100: oklch(94.3% 0.029 294.588);
  --color-violet-200: oklch(89.4% 0.057 293.283);
  --color-violet-300: oklch(81.1% 0.111 293.571);
  --color-violet-400: oklch(70.2% 0.183 293.541);
  --color-violet-500: oklch(60.6% 0.25 292.717);
  --color-violet-600: oklch(54.1% 0.281 293.009);
  --color-violet-700: oklch(49.1% 0.27 292.581);
  --color-violet-800: oklch(43.2% 0.232 292.759);
  --color-violet-900: oklch(38% 0.189 293.745);
  --color-violet-950: oklch(28.3% 0.141 291.089);
  --color-purple-50: oklch(97.7% 0.014 308.299);
  --color-purple-100: oklch(94.6% 0.033 307.174);
  --color-purple-200: oklch(90.2% 0.063 306.703);
  --color-purple-300: oklch(82.7% 0.119 306.383);
  --color-purple-400: oklch(71.4% 0.203 305.504);
  --color-purple-500: oklch(62.7% 0.265 303.9);
  --color-purple-600: oklch(55.8% 0.288 302.321);
  --color-purple-700: oklch(49.6% 0.265 301.924);
  --color-purple-800: oklch(43.8% 0.218 303.724);
  --color-purple-900: oklch(38.1% 0.176 304.987);
  --color-purple-950: oklch(29.1% 0.149 302.717);
  --color-fuchsia-50: oklch(97.7% 0.017 320.058);
  --color-fuchsia-100: oklch(95.2% 0.037 318.852);
  --color-fuchsia-200: oklch(90.3% 0.076 319.62);
  --color-fuchsia-300: oklch(83.3% 0.145 321.434);
  --color-fuchsia-400: oklch(74% 0.238 322.16);
  --color-fuchsia-500: oklch(66.7% 0.295 322.15);
  --color-fuchsia-600: oklch(59.1% 0.293 322.896);
  --color-fuchsia-700: oklch(51.8% 0.253 323.949);
  --color-fuchsia-800: oklch(45.2% 0.211 324.591);
  --color-fuchsia-900: oklch(40.1% 0.17 325.612);
  --color-fuchsia-950: oklch(29.3% 0.136 325.661);
  --color-pink-50: oklch(97.1% 0.014 343.198);
  --color-pink-100: oklch(94.8% 0.028 342.258);
  --color-pink-200: oklch(89.9% 0.061 343.231);
  --color-pink-300: oklch(82.3% 0.12 346.018);
  --color-pink-400: oklch(71.8% 0.202 349.761);
  --color-pink-500: oklch(65.6% 0.241 354.308);
  --color-pink-600: oklch(59.2% 0.249 0.584);
  --color-pink-700: oklch(52.5% 0.223 3.958);
  --color-pink-800: oklch(45.9% 0.187 3.815);
  --color-pink-900: oklch(40.8% 0.153 2.432);
  --color-pink-950: oklch(28.4% 0.109 3.907);
  --color-rose-50: oklch(96.9% 0.015 12.422);
  --color-rose-100: oklch(94.1% 0.03 12.58);
  --color-rose-200: oklch(89.2% 0.058 10.001);
  --color-rose-300: oklch(81% 0.117 11.638);
  --color-rose-400: oklch(71.2% 0.194 13.428);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-rose-600: oklch(58.6% 0.253 17.585);
  --color-rose-700: oklch(51.4% 0.222 16.935);
  --color-rose-800: oklch(45.5% 0.188 13.697);
  --color-rose-900: oklch(41% 0.159 10.272);
  --color-rose-950: oklch(27.1% 0.105 12.094);
  --color-slate-50: oklch(98.4% 0.003 247.858);
  --color-slate-100: oklch(96.8% 0.007 247.896);
  --color-slate-200: oklch(92.9% 0.013 255.508);
  --color-slate-300: oklch(86.9% 0.022 252.894);
  --color-slate-400: oklch(70.4% 0.04 256.788);
  --color-slate-500: oklch(55.4% 0.046 257.417);
  --color-slate-600: oklch(44.6% 0.043 257.281);
  --color-slate-700: oklch(37.2% 0.044 257.287);
  --color-slate-800: oklch(27.9% 0.041 260.031);
  --color-slate-900: oklch(20.8% 0.042 265.755);
  --color-slate-950: oklch(12.9% 0.042 264.695);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-gray-950: oklch(13% 0.028 261.692);
  --color-zinc-50: oklch(98.5% 0 0);
  --color-zinc-100: oklch(96.7% 0.001 286.375);
  --color-zinc-200: oklch(92% 0.004 286.32);
  --color-zinc-300: oklch(87.1% 0.006 286.286);
  --color-zinc-400: oklch(70.5% 0.015 286.067);
  --color-zinc-500: oklch(55.2% 0.016 285.938);
  --color-zinc-600: oklch(44.2% 0.017 285.786);
  --color-zinc-700: oklch(37% 0.013 285.805);
  --color-zinc-800: oklch(27.4% 0.006 286.033);
  --color-zinc-900: oklch(21% 0.006 285.885);
  --color-zinc-950: oklch(14.1% 0.005 285.823);
  --color-neutral-50: oklch(98.5% 0 0);
  --color-neutral-100: oklch(97% 0 0);
  --color-neutral-200: oklch(92.2% 0 0);
  --color-neutral-300: oklch(87% 0 0);
  --color-neutral-400: oklch(70.8% 0 0);
  --color-neutral-500: oklch(55.6% 0 0);
  --color-neutral-600: oklch(43.9% 0 0);
  --color-neutral-700: oklch(37.1% 0 0);
  --color-neutral-800: oklch(26.9% 0 0);
  --color-neutral-900: oklch(20.5% 0 0);
  --color-neutral-950: oklch(14.5% 0 0);
  --color-stone-50: oklch(98.5% 0.001 106.423);
  --color-stone-100: oklch(97% 0.001 106.424);
  --color-stone-200: oklch(92.3% 0.003 48.717);
  --color-stone-300: oklch(86.9% 0.005 56.366);
  --color-stone-400: oklch(70.9% 0.01 56.259);
  --color-stone-500: oklch(55.3% 0.013 58.071);
  --color-stone-600: oklch(44.4% 0.011 73.639);
  --color-stone-700: oklch(37.4% 0.01 67.558);
  --color-stone-800: oklch(26.8% 0.007 34.298);
  --color-stone-900: oklch(21.6% 0.006 56.043);
  --color-stone-950: oklch(14.7% 0.004 49.25);
  --color-mauve-50: oklch(98.5% 0 0);
  --color-mauve-100: oklch(96% 0.003 325.6);
  --color-mauve-200: oklch(92.2% 0.005 325.62);
  --color-mauve-300: oklch(86.5% 0.012 325.68);
  --color-mauve-400: oklch(71.1% 0.019 323.02);
  --color-mauve-500: oklch(54.2% 0.034 322.5);
  --color-mauve-600: oklch(43.5% 0.029 321.78);
  --color-mauve-700: oklch(36.4% 0.029 323.89);
  --color-mauve-800: oklch(26.3% 0.024 320.12);
  --color-mauve-900: oklch(21.2% 0.019 322.12);
  --color-mauve-950: oklch(14.5% 0.008 326);
  --color-olive-50: oklch(98.8% 0.003 106.5);
  --color-olive-100: oklch(96.6% 0.005 106.5);
  --color-olive-200: oklch(93% 0.007 106.5);
  --color-olive-300: oklch(88% 0.011 106.6);
  --color-olive-400: oklch(73.7% 0.021 106.9);
  --color-olive-500: oklch(58% 0.031 107.3);
  --color-olive-600: oklch(46.6% 0.025 107.3);
  --color-olive-700: oklch(39.4% 0.023 107.4);
  --color-olive-800: oklch(28.6% 0.016 107.4);
  --color-olive-900: oklch(22.8% 0.013 107.4);
  --color-olive-950: oklch(15.3% 0.006 107.1);
  --color-mist-50: oklch(98.7% 0.002 197.1);
  --color-mist-100: oklch(96.3% 0.002 197.1);
  --color-mist-200: oklch(92.5% 0.005 214.3);
  --color-mist-300: oklch(87.2% 0.007 219.6);
  --color-mist-400: oklch(72.3% 0.014 214.4);
  --color-mist-500: oklch(56% 0.021 213.5);
  --color-mist-600: oklch(45% 0.017 213.2);
  --color-mist-700: oklch(37.8% 0.015 216);
  --color-mist-800: oklch(27.5% 0.011 216.9);
  --color-mist-900: oklch(21.8% 0.008 223.9);
  --color-mist-950: oklch(14.8% 0.004 228.8);
  --color-taupe-50: oklch(98.6% 0.002 67.8);
  --color-taupe-100: oklch(96% 0.002 17.2);
  --color-taupe-200: oklch(92.2% 0.005 34.3);
  --color-taupe-300: oklch(86.8% 0.007 39.5);
  --color-taupe-400: oklch(71.4% 0.014 41.2);
  --color-taupe-500: oklch(54.7% 0.021 43.1);
  --color-taupe-600: oklch(43.8% 0.017 39.3);
  --color-taupe-700: oklch(36.7% 0.016 35.7);
  --color-taupe-800: oklch(26.8% 0.011 36.5);
  --color-taupe-900: oklch(21.4% 0.009 43.1);
  --color-taupe-950: oklch(14.7% 0.004 49.3);
  --color-black: #000;
  --color-white: #fff;

  --color-brand-50: oklch(96.2% 0.014 270.807);
  --color-brand-100: oklch(93.0% 0.027 270.807);
  --color-brand-200: oklch(87.0% 0.052 270.807);
  --color-brand-300: oklch(78.5% 0.092 270.807);
  --color-brand-400: oklch(67.3% 0.145 270.807);
  --color-brand-500: oklch(58.5% 0.185 270.807);
  --color-brand-600: oklch(49.9% 0.209 270.807);
  --color-brand-700: oklch(45.7% 0.191 270.807);
  --color-brand-800: oklch(39.8% 0.155 270.807);
  --color-brand-900: oklch(35.9% 0.115 270.807);
  --color-brand-950: oklch(25.7% 0.072 270.807);

  --color-iris-50: oklch(96.4% 0.01 271.105);
  --color-iris-100: oklch(93.2% 0.023 271.105);
  --color-iris-200: oklch(85.9% 0.059 272.311);
  --color-iris-300: oklch(78.6% 0.092 271.105);
  --color-iris-400: oklch(67.4% 0.158 271.105);
  --color-iris-500: oklch(56.5% 0.239 271.105);
  --color-iris-600: oklch(46% 0.29 271.105);
  --color-iris-700: oklch(41.8% 0.255 271.105);
  --color-iris-800: oklch(36.2% 0.188 271.105);
  --color-iris-900: oklch(32.4% 0.139 271.105);
  --color-iris-950: oklch(23% 0.075 271.105);

  /* Integration — Jira (legacy --jira-100 #2684FF / --jira-200 #2C5FD8) */
  --color-integration-jira-light: #ecf4ff;
  --color-integration-jira-soft: #d3e6ff;
  --color-integration-jira: #2684FF;
  --color-integration-jira-strong: #2C5FD8;
}
:root {
  --palette-purple-light: #8777d9;
  --palette-purple-dark: #5243aa;

  --palette-blue-light: #2684ff;
  --palette-blue-dark: #0052cc;

  --palette-green-light: #7cd5a7;
  --palette-green-dark: #00875a;

  --palette-teal-light: #00c7e6;
  --palette-teal-dark: #00a3bf;

  --palette-yellow-light: #ffc400;
  --palette-yellow-dark: #ff991f;

  --palette-red-light: #ff7452;
  --palette-red-dark: #de350b;

  --palette-grey-light: #6b778c;
  --palette-grey-dark: #253858;
}
:root {
  --sp-0: 0;
  --sp-1: 0.0625rem;  /* 1px */
  --sp-2: 0.125rem;   /* 2px */
  --sp-4: 0.25rem;    /* 4px */
  --sp-6: 0.375rem;   /* 6px */
  --sp-8: 0.5rem;     /* 8px */
  --sp-10: 0.625rem;  /* 10px */
  --sp-12: 0.75rem;   /* 12px */
  --sp-14: 0.875rem;  /* 14px */
  --sp-16: 1rem;      /* 16px */
  --sp-18: 1.125rem;  /* 18px */
  --sp-20: 1.25rem;   /* 20px */
  --sp-24: 1.5rem;    /* 24px */
  --sp-28: 1.75rem;   /* 28px */
  --sp-32: 2rem;      /* 32px */
  --sp-36: 2.25rem;   /* 36px */
  --sp-40: 2.5rem;    /* 40px */
  --sp-44: 2.75rem;   /* 44px */
  --sp-48: 3rem;      /* 48px */
  --sp-56: 3.5rem;    /* 56px */
  --sp-64: 4rem;      /* 64px */
  --sp-80: 5rem;      /* 80px */
  --sp-96: 6rem;      /* 96px */
}
:root {
  --radius-none: 0;
  --radius-xs: 0.25rem;   /* 4px — $br-xs */
  --radius-sm: 0.375rem;  /* 6px — $br-sm */
  --radius-md: 0.5rem;    /* 8px — $br-md */
  --radius-lg: 0.625rem;  /* 10px */
  --radius-xl: 0.875rem;  /* 14px — $br-lg */
  --radius-2xl: 1.25rem;  /* 20px — $br-md-oval */
  --radius-pill: 999px;   /* $br-lg-oval niyeti: tam yuvarlak hap */
  --radius-full: 50%;     /* $br-circle */
}
:root {
  --shadow-raw-xs: 0 1px 2px rgba(43, 59, 93, 0.29);

  --shadow-raw-sm:
    0 1px 2px -1px rgba(0, 0, 0, 0.1),
    0 2px 6px -2px rgba(0, 0, 0, 0.1);
  --shadow-raw-md:
    0 2px 4px -2px rgba(0, 0, 0, 0.1),
    0 6px 14px -4px rgba(0, 0, 0, 0.12);
  --shadow-raw-lg:
    rgba(15, 15, 15, 0.05) 0 0 0 1px,
    rgba(15, 15, 15, 0.1) 0 3px 6px,
    rgba(15, 15, 15, 0.2) 0 9px 24px;

  --shadow-raw-overlay:
    0 4px 6px -2px rgba(0, 0, 0, 0.06),
    0 12px 24px -6px rgba(0, 0, 0, 0.1);

  --shadow-raw-floating:
    0 6px 10px -3px rgba(0, 0, 0, 0.08),
    0 18px 40px -8px rgba(0, 0, 0, 0.16);

  --shadow-raw-ring-2: 0 0 0 2px;
  --shadow-raw-ring-3: 0 0 0 3px;
}
:root {
  /* Families */
  --font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;

  /* Sizes — legacy --fs-* ile aynı skala */
  --font-size-10: 0.625rem;
  --font-size-11: 0.6875rem;
  --font-size-12: 0.75rem;
  --font-size-13: 0.8125rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.5rem;
  --font-size-28: 1.75rem;
  --font-size-32: 2rem;
  --font-size-48: 3rem;

  /* Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Line heights */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  /* Code, where a line is read one at a time rather than as a paragraph. */
  --leading-loose: 1.875;

  /* Letter spacing */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
}
:root {
  --duration-75: 75ms;
  --duration-100: 100ms;
  --duration-150: 150ms;
  --duration-200: 200ms;
  --duration-300: 300ms;
  --duration-500: 500ms;
  --duration-700: 700ms;
  --duration-1000: 1000ms;
  --duration-1200: 1200ms;

  --ease-linear: linear;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-75: 0ms;
    --duration-100: 0ms;
    --duration-150: 0ms;
    --duration-200: 0ms;
    --duration-300: 0ms;
    --duration-500: 0ms;
    --duration-700: 0ms;
    --duration-1000: 0ms;
    --duration-1200: 0ms;
  }
}
@keyframes ms-ai-turn {
  0% {
    transform: rotate(0deg) scale(1);
    animation-timing-function: var(--ease-out);
  }

  25% {
    transform: rotate(80deg) scale(1.22);
    animation-timing-function: var(--ease-in-out);
  }

  70% {
    transform: rotate(300deg) scale(1.22);
    animation-timing-function: var(--ease-spring);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes ms-skeleton-pulse {
  0%,
  100% {
    opacity: var(--skeleton-opacity-rest);
  }

  50% {
    opacity: var(--skeleton-opacity-peak);
  }
}
@keyframes ms-fade-rise {
  from {
    opacity: 0;
    transform: translateY(-3px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ms-text-sweep {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -100% 0;
  }
}
:root {
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-sidebar: 200;
  --z-header: 300;
  --z-dropdown: 1000;
  --z-overlay: 1100;
  --z-modal: 1200;
  --z-popover: 1300;
  --z-toast: 1400;
  --z-tooltip: 1500;
  --z-max: 2147483647;
}
/* 2 — semantic (light = default, dark = body.dark, hc = prefers-contrast/.hc) */
body {
  --heading-1-size: var(--font-size-32);
  --heading-2-size: var(--font-size-24);
  --heading-3-size: var(--font-size-20);
  --heading-4-size: var(--font-size-18);
  --heading-5-size: var(--font-size-16);
  --heading-6-size: var(--font-size-14);

  --heading-weight: var(--font-weight-semibold);
  --heading-leading: var(--leading-tight);
  --heading-tracking: var(--tracking-tight);
  --heading-fg: var(--fg-primary);

  --body-size: var(--font-size-14);
  --body-size-sm: var(--font-size-13);
  --body-leading: var(--leading-normal);
  --body-fg: var(--fg-primary);
  --body-muted-fg: var(--fg-muted);

  --eyebrow-size: var(--font-size-12);
  --eyebrow-weight: var(--font-weight-medium);
  --eyebrow-leading: var(--leading-normal);
  --eyebrow-tracking: var(--tracking-wide);
  --eyebrow-fg: var(--fg-muted);
}
:root {
  color-scheme: light;

  /* ---- Surface ---- */
  --surface-page: var(--color-white);
  --surface-raised: var(--color-white);
  --surface-subtle: var(--color-neutral-50);
  --surface-sunken: var(--color-neutral-100);
  --surface-fill: var(--color-neutral-200);
  --surface-overlay: var(--color-white);
  --surface-inverted: var(--color-neutral-950);
  --surface-inverted-hover: var(--color-neutral-800);
  --surface-contrast: var(--color-neutral-950);
  --border-contrast: transparent;
  --surface-contrast-raised: var(--color-neutral-700);
  --surface-hover: color-mix(in oklab, var(--fg-primary) 3%, transparent);
  --surface-hover-strong: color-mix(in oklab, var(--fg-primary) 6%, transparent);

  --surface-selected: var(--color-neutral-200);

  --surface-backdrop: rgb(0 0 0 / 0.15);

  /* ---- Foreground (text & icons) ---- */
  --fg-primary: var(--color-neutral-950);
  --fg-secondary: var(--color-neutral-700);
  --fg-muted: var(--color-neutral-500);
  --fg-faint: var(--color-neutral-400);
  --fg-inverted: var(--color-white);
  --fg-accent: var(--color-brand-600);
  --fg-on-accent: var(--color-white);
  --fg-on-inverted: var(--color-white);
  --fg-on-inverted-muted: var(--color-neutral-400);
  --success-on-inverted: var(--color-green-400);
  --info-on-inverted: var(--color-sky-400);
  --warning-on-inverted: var(--color-orange-400);
  --danger-on-inverted: var(--color-rose-400);
  --fg-on-contrast: var(--color-white);
  --fg-on-contrast-muted: var(--color-neutral-400);

  /* ---- Border ---- */
  --border-subtle: var(--color-neutral-100);
  --border-default: var(--color-neutral-200);
  --border-strong: var(--color-neutral-400);

  --border-state: transparent;


  --border-focus: var(--color-brand-600);

  /* ---- Accent (brand) ---- */
  --accent: var(--color-brand-600);
  --accent-hover: var(--color-brand-800);
  --accent-active: var(--color-brand-900);
  --accent-subtle: var(--color-brand-50);
  --accent-subtle-hover: var(--color-brand-100);
  --accent-muted: var(--color-brand-200);

  /* ---- Status: success ---- */
  --success: var(--color-green-500);
  --success-hover: var(--color-green-600);
  --success-subtle: var(--color-green-50);
  --success-border: var(--color-green-200);
  --fg-success: var(--color-green-600);
  --success-solid: var(--color-green-600);
  --success-solid-hover: var(--color-green-700);

  /* ---- Status: warning ---- */
  --warning: var(--color-orange-500);
  --warning-hover: var(--color-orange-600);
  --warning-subtle: var(--color-orange-50);
  --warning-border: var(--color-orange-200);
  --fg-warning: var(--color-orange-600);

  /* ---- Status: danger ---- */
  --danger: var(--color-rose-500);
  --danger-hover: var(--color-rose-600);
  --danger-subtle: var(--color-rose-50);
  --danger-border: var(--color-rose-200);
  --fg-danger: var(--color-rose-600);


  /* ---- Status: info ---- */
  --info: var(--color-sky-500);
  --info-hover: var(--color-sky-600);
  --info-subtle: var(--color-sky-50);
  --info-border: var(--color-sky-200);

  --accent-text: var(--color-brand-600);
  --accent-fill: var(--color-brand-600);
  --accent-on-fill: var(--fg-on-accent);

  --success-text: var(--color-green-700);
  --success-fill: var(--color-green-700);
  --success-fill-hover: var(--color-green-800);
  --success-on-fill: var(--fg-on-accent);

  --warning-text: var(--color-orange-700);
  --warning-fill: var(--color-orange-700);
  --warning-on-fill: var(--fg-on-accent);

  --danger-text: var(--color-rose-700);
  --danger-fill: var(--color-rose-700);
  --danger-on-fill: var(--fg-on-accent);

  --info-text: var(--color-sky-700);
  --info-fill: var(--color-sky-700);
  --info-on-fill: var(--fg-on-accent);

  --syntax-plain: var(--fg-primary);
  --syntax-keyword: var(--color-red-700);
  --syntax-tag: var(--color-blue-600);
  --syntax-attr: var(--color-violet-600);
  --syntax-string: var(--color-blue-800);
  --syntax-literal: var(--color-orange-700);
  --syntax-comment: var(--color-gray-500);
  --syntax-punct: var(--fg-muted);


  --fg-info: var(--color-sky-600);


  --scale-low: var(--color-yellow-500);
  --scale-rising: var(--color-lime-500);
  --scale-good: var(--color-green-500);
  --scale-high: var(--color-teal-500);

  --ai-text: var(--color-sky-700);
  --ai-fill: var(--info-fill);
  --ai-on-fill: var(--info-on-fill);
  --ai-subtle: var(--info-subtle);
  --ai-border: var(--info-border);

  /* ---- Elevation (dark modda kapanır — bkz. dark.css) ---- */
  --elevation-xs: var(--shadow-raw-xs), 0 0 0 1px var(--color-neutral-100);
  --elevation-sm: var(--shadow-raw-sm);
  --elevation-md: var(--shadow-raw-md);
  --elevation-lg: var(--shadow-raw-lg);
  --elevation-overlay: var(--shadow-raw-overlay);
  /* Above the overlay tier: for a thing that floats with nothing holding it. */
  --elevation-floating: var(--shadow-raw-floating);

  --focus-ring: var(--shadow-raw-ring-3) oklch(55.6% 0 0 / 0.28);
  /* Only where the control itself is destructive. */
  --focus-ring-danger: var(--shadow-raw-ring-3) oklch(64.5% 0.246 16.439 / 0.25);
}
body {
  --ring-state: inset 0 0 0 1px var(--border-state);
}
body.dark {
  color-scheme: dark;

  /* ---- Surface ---- */
  --surface-page: var(--color-neutral-900);
  --surface-raised: var(--color-neutral-800);
  --surface-subtle: var(--color-neutral-800);
  --surface-sunken: var(--color-neutral-950);
  --surface-fill: var(--color-neutral-950);
  --surface-overlay: var(--color-neutral-800);
  --surface-inverted: var(--color-neutral-50);
  --surface-inverted-hover: var(--color-neutral-200);
  --surface-contrast: var(--color-neutral-700);
  --border-contrast: var(--color-neutral-600);
  --surface-contrast-raised: var(--color-neutral-500);
  --surface-hover: var(--color-neutral-700);
  --surface-hover-strong: var(--color-neutral-600);

  /* The surface of a thing that is currently on — see light.css. */
  --surface-selected: var(--color-neutral-700);

  --surface-backdrop: rgb(0 0 0 / 0.35);

  /* ---- Foreground ---- */
  --fg-primary: var(--color-neutral-50);
  --fg-secondary: var(--color-neutral-300);
  --fg-muted: var(--color-neutral-400);
  --fg-faint: var(--color-neutral-500);
  --fg-inverted: var(--color-neutral-950);
  --fg-accent: var(--color-brand-300);
  --fg-on-accent: var(--color-white);
  --fg-on-inverted: var(--color-neutral-950);
  --fg-on-inverted-muted: var(--color-neutral-500);
  --success-on-inverted: var(--color-green-700);
  --info-on-inverted: var(--color-sky-700);
  --warning-on-inverted: var(--color-orange-700);
  --danger-on-inverted: var(--color-rose-700);
  --fg-on-contrast: var(--color-neutral-50);
  --fg-on-contrast-muted: var(--color-neutral-300);

  --border-subtle: color-mix(in oklab, var(--fg-primary) 10%, transparent);
  --border-default: var(--color-neutral-700);
  --border-strong: var(--color-neutral-500);

  --border-state: transparent;


  --border-focus: var(--color-brand-400);

  /* ---- Accent ---- */
  --accent: var(--color-brand-600);
  --accent-hover: var(--color-brand-500);
  --accent-active: var(--color-brand-400);
  --accent-subtle: var(--color-brand-950);
  --accent-subtle-hover: var(--color-brand-900);
  --accent-muted: var(--color-brand-800);

  /* ---- Status: success ---- */
  --success: var(--color-green-500);
  --success-hover: var(--color-green-400);
  --success-subtle: oklch(26% 0.04 155);
  --success-border: var(--color-green-800);
  --fg-success: var(--color-green-400);
  --success-solid: var(--color-green-500);
  --success-solid-hover: var(--color-green-400);

  /* ---- Status: warning ---- */
  --warning: var(--color-orange-500);
  --warning-hover: var(--color-orange-400);
  --warning-subtle: oklch(26% 0.03 60);
  --warning-border: var(--color-orange-800);
  --fg-warning: var(--color-orange-400);

  /* ---- Status: danger ---- */
  --danger: var(--color-rose-500);
  --danger-hover: var(--color-rose-400);
  --danger-subtle: oklch(26% 0.04 16);
  --danger-border: var(--color-rose-800);
  --fg-danger: var(--color-rose-400);


  /* ---- Status: info ---- */
  --info: var(--color-sky-500);
  --info-hover: var(--color-sky-400);
  --info-subtle: oklch(26% 0.04 240);
  --info-border: var(--color-sky-800);

  --accent-text: var(--color-brand-300);
  --accent-fill: var(--color-brand-600);
  --accent-on-fill: var(--fg-on-accent);

  /* Lighter on hover, not darker: the label on this fill is the dark one. */
  --success-text: var(--color-green-300);
  --success-fill: var(--color-green-500);
  --success-fill-hover: var(--color-green-400);
  --success-on-fill: var(--fg-on-inverted);

  --warning-text: var(--color-orange-300);
  --warning-fill: var(--color-orange-500);
  --warning-on-fill: var(--fg-on-inverted);

  --danger-text: var(--color-rose-300);
  --danger-fill: var(--color-rose-500);
  --danger-on-fill: var(--fg-on-inverted);

  --info-text: var(--color-sky-300);

  --ai-text: var(--color-sky-400);
  --ai-fill: var(--color-sky-500);
  --ai-on-fill: var(--fg-on-inverted);
  --ai-subtle: oklch(26% 0.04 240);
  --ai-border: var(--color-sky-800);
  --info-fill: var(--color-sky-500);
  --info-on-fill: var(--fg-on-inverted);

  --syntax-plain: var(--fg-primary);
  --syntax-keyword: var(--color-red-400);
  --syntax-tag: var(--color-blue-300);
  --syntax-attr: var(--color-violet-300);
  --syntax-string: var(--color-sky-200);
  --syntax-literal: var(--color-orange-300);
  --syntax-comment: var(--color-gray-400);
  --syntax-punct: var(--fg-muted);


  --fg-info: var(--color-sky-400);

  --scale-low: var(--color-yellow-400);
  --scale-rising: var(--color-lime-400);
  --scale-good: var(--color-green-400);
  --scale-high: var(--color-teal-400);

  /* ---- AI accent — see the note in light.css. ---- */

  /* ---- Elevation — legacy karar korunur: dark modda gölge yok ---- */
  --elevation-xs: none;
  --elevation-sm: none;
  --elevation-md: none;
  --elevation-lg: none;
  --elevation-overlay: none;
  --elevation-floating: none;

  /* ---- Focus ---- */
  --focus-ring: var(--shadow-raw-ring-3) oklch(87% 0 0 / 0.22);
  --focus-ring-danger: var(--shadow-raw-ring-3) oklch(64.5% 0.246 16.439 / 0.35);
}
@media (prefers-contrast: more) {
  :root {
    --fg-muted: var(--color-neutral-700);
    --fg-faint: var(--color-neutral-600);
    --border-subtle: var(--color-neutral-400);
    --border-default: var(--color-neutral-600);
    --border-strong: var(--color-neutral-950);
    --border-state: var(--color-neutral-600);
    --focus-ring: var(--shadow-raw-ring-3) var(--color-neutral-950);
  }

  body.dark {
    --fg-muted: var(--color-neutral-200);
    --fg-faint: var(--color-neutral-300);
    --border-subtle: var(--color-neutral-500);
    --border-default: var(--color-neutral-400);
    --border-strong: var(--color-neutral-50);
    --border-state: var(--color-neutral-400);
    --focus-ring: var(--shadow-raw-ring-3) var(--color-neutral-50);
  }
}
body.hc {
  --fg-muted: var(--color-neutral-700);
  --fg-faint: var(--color-neutral-600);
  --border-subtle: var(--color-neutral-400);
  --border-default: var(--color-neutral-600);
  --border-strong: var(--color-neutral-950);
  --border-state: var(--color-neutral-600);
  --focus-ring: var(--shadow-raw-ring-3) var(--color-neutral-950);
}
body.hc.dark {
  --fg-muted: var(--color-neutral-200);
  --fg-faint: var(--color-neutral-300);
  --border-subtle: var(--color-neutral-500);
  --border-default: var(--color-neutral-400);
  --border-strong: var(--color-neutral-50);
  --border-state: var(--color-neutral-400);
  --focus-ring: var(--shadow-raw-ring-3) var(--color-neutral-50);
}
/* 3 — components (dosya adı component adını birebir yansıtır) */
body {
  --accordion-transition-duration: var(--duration-200);
  --accordion-transition-ease: var(--ease-out);

  --accordion-border: var(--border-default);
  --accordion-bg: var(--surface-page);
  --accordion-radius: var(--radius-lg);
  /* The inset the boxed variants give their rows. Plain takes it to zero. */
  --accordion-padding-inline: var(--sp-16);
  --accordion-separated-gap: var(--sp-8);

  --accordion-trigger-padding-block: var(--sp-12);
  --accordion-trigger-gap: var(--sp-12);

  --accordion-trigger-hover-opacity: 0.7;

  --accordion-trigger-focus-inset-block: var(--sp-4);
  --accordion-trigger-focus-inset-inline: var(--sp-6);
  --accordion-trigger-focus-radius: var(--radius-sm);
  --accordion-trigger-font-size: var(--font-size-14);
  --accordion-trigger-font-weight: var(--font-weight-medium);
  --accordion-trigger-fg: var(--fg-primary);
  --accordion-trigger-fg-disabled: var(--fg-faint);

  --accordion-icon-size: 16px;
  --accordion-icon-fg: var(--fg-muted);

  --accordion-panel-fg: var(--fg-secondary);
  --accordion-panel-font-size: var(--font-size-14);
  --accordion-panel-leading: var(--leading-relaxed);
  --accordion-panel-padding-block-start: var(--sp-6);
  --accordion-panel-padding-block-end: var(--sp-16);
}
body {
  --alert-radius: var(--radius-lg);
  --alert-padding: var(--sp-12) var(--sp-14);
  --alert-gap: var(--sp-10);
  --alert-icon-size: 16px;
  --alert-icon-offset: 1px;
  --alert-title-font-size: var(--font-size-14);
  --alert-title-font-weight: var(--font-weight-medium);
  --alert-description-font-size: var(--font-size-13);
  --alert-description-gap: var(--sp-4);

  --alert-bg: var(--surface-raised);
  --alert-border: var(--border-default);
  --alert-fg: var(--fg-primary);
  --alert-description-fg: var(--fg-muted);
  --alert-soft-description-fg: var(--fg-secondary);
  --alert-icon-fg: var(--fg-muted);

  /* ---- tones: the mark, and the soft variant's fill and edge ---- */
  --alert-accent-fg: var(--accent-text);
  --alert-accent-soft-bg: var(--accent-subtle);
  --alert-accent-border: var(--accent-muted);

  --alert-success-fg: var(--success-text);
  --alert-success-soft-bg: var(--success-subtle);
  --alert-success-border: var(--success-border);

  --alert-warning-fg: var(--warning-text);
  --alert-warning-soft-bg: var(--warning-subtle);
  --alert-warning-border: var(--warning-border);

  --alert-danger-fg: var(--danger-text);
  --alert-danger-soft-bg: var(--danger-subtle);
  --alert-danger-border: var(--danger-border);

  --alert-info-fg: var(--info-text);
  --alert-info-soft-bg: var(--info-subtle);
  --alert-info-border: var(--info-border);
}
body {
  --avatar-size-xs: 24px;
  /* imageXS 64 */
  --avatar-size-default: 32px;
  /* imageSM 80 */
  --avatar-size-lg: 40px;
  --avatar-size-xl: 120px;

  --avatar-radius: var(--radius-pill);
  --avatar-badge-inset-squircle: 7%;
  --avatar-bg: var(--surface-raised);
  --avatar-border: var(--border-default);
  --avatar-border-width: 1px;
  --avatar-fg: var(--fg-secondary);
  --avatar-font-weight: var(--font-weight-medium);

  --avatar-hover-opacity: 0.75;
  --avatar-transition-duration: var(--duration-150);
  --avatar-transition-ease: var(--ease-out);

  --avatar-ring: var(--surface-page);
  --avatar-ring-width: 2px;

  --avatar-group-overlap-xs: -6px;
  --avatar-group-overlap-default: -9px;
  --avatar-group-overlap-lg: -11px;
  --avatar-group-overlap-xl: -34px;
  --avatar-group-overlap: var(--avatar-group-overlap-default);


  --avatar-badge-inset: 14.6%;
  --avatar-badge-size: 10px;
  --avatar-badge-content-size: 14px;
  --avatar-badge-ring-width: 2px;
  --avatar-badge-bg: var(--fg-faint);
  --avatar-badge-fg: var(--fg-on-contrast);

  --avatar-status-online: var(--success);
  --avatar-status-away: var(--warning);
  --avatar-status-busy: var(--danger);
  --avatar-status-offline: var(--fg-faint);

  --avatar-roster-padding: var(--sp-8);
  --avatar-roster-row-padding: var(--sp-6);
  --avatar-roster-gap: var(--sp-10);
  --avatar-roster-row-bg-hover: var(--surface-hover);
  --avatar-roster-max-height: min(18rem, calc(100vh - 6rem));

  /* ---- count ---- The same fill the faces beside it carry. */
  --avatar-count-bg: var(--surface-raised);
  --avatar-count-fg: var(--fg-secondary);
}
body {
  --badge-radius: var(--radius-pill);
  --badge-height: 20px;
  --badge-padding-inline: var(--sp-8);
  --badge-gap: var(--sp-4);
  --badge-font-size: var(--font-size-12);
  --badge-font-weight: var(--font-weight-medium);
  --badge-border-width: 1px;

  --badge-height-xs: 16px;
  --badge-padding-inline-xs: var(--sp-6);
  --badge-gap-xs: var(--sp-4);
  --badge-font-size-xs: var(--font-size-11);
  --badge-font-weight-xs: var(--font-weight-regular);
  --badge-dot-size-xs: 5px;

  /* The leading dot, and the spinner that replaces it. */
  --badge-dot-size: 6px;
  --badge-spinner-size: 9px;
  --badge-spinner-width: 1.5px;
  --badge-spinner-duration: var(--duration-700);

  --badge-remove-size: 14px;
  --badge-remove-radius: var(--radius-pill);
  --badge-remove-bg-hover: color-mix(in srgb, currentcolor 18%, transparent);
  --badge-transition-duration: var(--duration-150);
  --badge-transition-ease: var(--ease-out);

  /* ---- base ---- */
  --badge-base-solid-bg: var(--fg-primary);
  --badge-base-solid-fg: var(--surface-page);
  --badge-base-soft-bg: var(--surface-sunken);
  --badge-base-soft-fg: var(--fg-secondary);
  --badge-base-border: var(--border-default);
  --badge-base-fg: var(--fg-secondary);

  /* ---- accent ---- */
  --badge-accent-solid-bg: var(--accent-fill);
  --badge-accent-solid-fg: var(--accent-on-fill);
  --badge-accent-soft-bg: var(--accent-subtle);
  --badge-accent-soft-fg: var(--accent-text);
  --badge-accent-border: var(--accent-muted);
  --badge-accent-fg: var(--accent-text);

  /* ---- success ---- */
  --badge-success-solid-bg: var(--success-fill);
  --badge-success-solid-fg: var(--success-on-fill);
  --badge-success-soft-bg: var(--success-subtle);
  --badge-success-soft-fg: var(--success-text);
  --badge-success-border: var(--success-border);
  --badge-success-fg: var(--success-text);

  /* ---- warning ---- */
  --badge-warning-solid-bg: var(--warning-fill);
  --badge-warning-solid-fg: var(--warning-on-fill);
  --badge-warning-soft-bg: var(--warning-subtle);
  --badge-warning-soft-fg: var(--warning-text);
  --badge-warning-border: var(--warning-border);
  --badge-warning-fg: var(--warning-text);

  /* ---- danger ---- */
  --badge-danger-solid-bg: var(--danger-fill);
  --badge-danger-solid-fg: var(--danger-on-fill);
  --badge-danger-soft-bg: var(--danger-subtle);
  --badge-danger-soft-fg: var(--danger-text);
  --badge-danger-border: var(--danger-border);
  --badge-danger-fg: var(--danger-text);

  /* ---- info ---- */
  --badge-info-solid-bg: var(--info-fill);
  --badge-info-solid-fg: var(--info-on-fill);
  --badge-info-soft-bg: var(--info-subtle);
  --badge-info-soft-fg: var(--info-text);
  --badge-info-border: var(--info-border);
  --badge-info-fg: var(--info-text);
}
body {
  --breadcrumb-font-size: var(--font-size-14);
  --breadcrumb-gap: var(--sp-2);
  --breadcrumb-item-gap: var(--sp-6);
  --breadcrumb-mark-gap: var(--sp-2);
  --breadcrumb-crumb-padding: var(--sp-2) var(--sp-6);
  --breadcrumb-crumb-radius: var(--radius-sm);
  --breadcrumb-crumb-bg-hover: var(--surface-hover);
  --breadcrumb-crumb-max-width: 15rem;
  --breadcrumb-crumb-min-width: 3.5rem;
  --breadcrumb-transition-duration: var(--duration-150);
  --breadcrumb-transition-ease: var(--ease-out);

  --breadcrumb-link-fg: var(--fg-primary);
  --breadcrumb-link-fg-hover: var(--fg-primary);
  /* Offered rather than assumed: `<MsBreadcrumb tone="muted">` picks it up. */
  --breadcrumb-link-fg-muted: var(--fg-muted);
  --breadcrumb-page-fg: var(--fg-primary);
  --breadcrumb-page-font-weight: var(--font-weight-regular);

  --breadcrumb-separator-fg: var(--fg-faint);
  --breadcrumb-separator-icon-size: 14px;

  --breadcrumb-icon-size: 16px;
  --breadcrumb-icon-radius: var(--radius-xs);
  --breadcrumb-ellipsis-size: 24px;
}
body {
  --btn-height-xs: 24px;
  --btn-height-sm: 28px;
  --btn-height: 32px;
  --btn-height-lg: 36px;

  --btn-radius: var(--radius-lg);
  --btn-font-size: var(--font-size-14);
  --btn-font-size-xs: var(--font-size-12);
  --btn-font-weight: var(--font-weight-medium);
  --btn-gap: var(--sp-4);
  --btn-transition-duration: var(--duration-150);
  --btn-transition-ease: var(--ease-out);
  --btn-focus-ring: var(--focus-ring);
  --btn-disabled-opacity: 0.5;

  /* ---- solid — inverted surface, the emphasised action ---- */
  --btn-solid-bg: var(--surface-inverted);
  --btn-solid-bg-hover: var(--surface-inverted-hover);
  --btn-solid-fg: var(--fg-on-inverted);
  --btn-solid-divider: color-mix(in srgb, var(--fg-on-inverted) 30%, var(--surface-inverted));

  /* ---- soft ---- */
  --btn-soft-bg: var(--surface-hover);
  --btn-soft-bg-hover: var(--surface-hover-strong);
  --btn-soft-fg: var(--fg-primary);
  --btn-soft-divider: var(--border-default);

  /* ---- outline ---- */
  --btn-outline-bg: var(--surface-raised);
  --btn-outline-bg-hover: var(--surface-hover);
  --btn-outline-fg: var(--fg-primary);
  --btn-outline-border: var(--border-default);
  --btn-outline-border-hover: var(--border-strong);
  --btn-outline-divider: var(--border-default);

  --btn-icon-size: 16px;

  --btn-caption-fg: var(--fg-muted);
  --btn-caption-font-size: var(--font-size-12);
  --btn-caption-line-height: 1.35;
  --btn-caption-padding-block: var(--sp-4);

  /* ---- ghost ---- */
  --btn-ghost-bg-hover: var(--surface-hover);
  --btn-ghost-fg: var(--fg-primary);
  --btn-ghost-divider: var(--border-subtle);

  /* ---- muted — ghost's quieter sibling: no surface, dimmed label ---- */
  --btn-muted-fg: var(--fg-muted);
  --btn-muted-fg-hover: var(--fg-primary);
  --btn-muted-bg-hover: var(--surface-hover);
  --btn-muted-divider: var(--border-subtle);

  --btn-danger-outline-bg: var(--surface-raised);
  --btn-danger-outline-bg-hover: var(--danger-subtle);
  --btn-danger-outline-border: var(--danger-border);
  --btn-danger-outline-fg: var(--fg-danger);

  --btn-danger-solid-bg: var(--danger);
  --btn-danger-solid-bg-hover: var(--danger-hover);
  --btn-danger-solid-fg: var(--fg-on-accent);
  --btn-danger-solid-divider: color-mix(in srgb, var(--fg-on-accent) 30%, var(--danger));

  /* The old soft red, back as a pairing rather than a variant name. */
  --btn-danger-soft-bg: var(--danger-subtle);
  --btn-danger-soft-bg-hover: var(--danger-border);
  --btn-danger-soft-fg: var(--fg-danger);

  --btn-danger-ghost-fg: var(--fg-danger);
  --btn-danger-ghost-bg-hover: var(--danger-subtle);

  --btn-success-outline-bg: var(--surface-raised);
  --btn-success-outline-bg-hover: var(--success-subtle);
  --btn-success-outline-border: var(--success-border);
  --btn-success-outline-fg: var(--success-text);

  /* --success-fill, not --success: white on green-500 is 2.2:1. */
  --btn-success-solid-bg: var(--success-fill);
  --btn-success-solid-bg-hover: var(--success-fill-hover);
  --btn-success-solid-fg: var(--success-on-fill);
  --btn-success-solid-divider: color-mix(in srgb, var(--success-on-fill) 30%, var(--success-fill));

  --btn-success-soft-bg: var(--success-subtle);
  --btn-success-soft-bg-hover: var(--success-border);
  --btn-success-soft-fg: var(--success-text);

  --btn-success-ghost-fg: var(--success-text);
  --btn-success-ghost-bg-hover: var(--success-subtle);

  --btn-ai-outline-bg: var(--surface-raised);
  --btn-ai-outline-bg-hover: var(--ai-subtle);
  --btn-ai-outline-border: var(--ai-border);
  --btn-ai-outline-fg: var(--ai-text);

  --btn-ai-solid-bg: var(--ai-fill);
  --btn-ai-solid-bg-hover: var(--ai-fill);
  --btn-ai-solid-fg: var(--ai-on-fill);
  /* Mixed against the resting fill, which is the one it is drawn on. */
  --btn-ai-solid-divider: color-mix(in srgb, var(--ai-on-fill) 30%, var(--ai-fill));

  --btn-ai-soft-bg: var(--ai-subtle);
  --btn-ai-soft-bg-hover: color-mix(in oklab, var(--ai-border) 40%, var(--ai-subtle));
  --btn-ai-soft-fg: var(--ai-text);

  --btn-ai-ghost-fg: var(--ai-text);
  --btn-ai-ghost-bg-hover: var(--ai-subtle);

  --btn-ai-divider: var(--ai-border);

  --btn-ai-icon-duration: var(--duration-1200);

  /* ---- link ---- */
  --btn-link-fg: var(--fg-primary);

  --btn-counter-size: 16px;
  --btn-counter-base-bg: color-mix(in srgb, currentcolor 12%, transparent);
  --btn-counter-base-bg-on-fill: color-mix(in srgb, currentcolor 24%, transparent);
  --btn-counter-accent-bg: var(--accent);
  --btn-counter-accent-fg: var(--fg-on-accent);
  --btn-counter-danger-bg: var(--danger);
  --btn-counter-danger-fg: var(--fg-on-accent);
  --btn-counter-success-bg: var(--success);
  --btn-counter-success-fg: var(--fg-on-accent);
}
body {
  --btn-group-divider: var(--border-default);

  --btn-group-separator: var(--border-default);

  /* MsButtonGroupText — the non-interactive segment */
  --btn-group-text-radius: var(--radius-lg);
  --btn-group-text-bg: var(--surface-hover);
  --btn-group-text-fg: var(--fg-muted);
  --btn-group-text-border: var(--border-default);
}
body {
  --card-radius: var(--radius-xl);
  --card-bg: var(--surface-raised);
  --card-border: var(--border-default);
  --card-fg: var(--fg-primary);

  --card-padding-inline: var(--sp-20);
  --card-padding-block: var(--sp-20);
  --card-gap: var(--sp-16);
  --card-header-gap: var(--sp-4);

  --card-padding-compact: var(--sp-14);
  --card-gap-compact: var(--sp-12);
  --card-padding-comfortable: var(--sp-24);
  --card-gap-comfortable: var(--sp-20);
  --card-padding-spacious: var(--sp-32);
  --card-gap-spacious: var(--sp-24);

  --card-title-font-size: var(--font-size-16);
  --card-title-font-weight: var(--font-weight-semibold);
  --card-description-font-size: var(--font-size-14);
  --card-description-fg: var(--fg-muted);

  --card-footer-border: var(--border-subtle);
  --card-footer-gap: var(--sp-8);

  --card-elevation-flat: none;
  --card-elevation-raised: var(--elevation-sm);
  --card-elevation-floating: var(--elevation-md);

  /* For a card that is itself a control — a pricing tier, a template picker. */
  --card-interactive-bg-hover: var(--surface-hover);
  --card-transition-duration: var(--duration-150);
  --card-transition-ease: var(--ease-out);
  --card-focus-ring: var(--focus-ring);
}
body {
  --ai-card-bg: var(--surface-subtle);
  --ai-card-border: var(--border-default);
  --ai-card-radius: var(--radius-xl);

  --ai-card-padding: var(--sp-16);
  --ai-card-gap: var(--sp-12);

  --ai-card-mark-fg: var(--ai-text);
  --ai-card-mark-size: 15px;
  --ai-card-title-fg: var(--fg-primary);
  --ai-card-title-size: var(--font-size-14);

  --ai-card-summary-fg: var(--fg-muted);
  --ai-card-summary-size: var(--font-size-12);

  --ai-card-twist-fg: var(--fg-muted);
  --ai-card-twist-size: 14px;

  --ai-card-narrow: 520;
}
body {

  --outline-card-row-bg-hover: var(--surface-hover-strong);

  --outline-card-text-inset: var(--sp-12);
  --outline-card-row-padding: var(--sp-8) var(--outline-card-text-inset);
  --outline-card-row-radius: var(--radius-md);

  --outline-card-twist-fg: var(--fg-muted);
  --outline-card-twist-size: 14px;

  --outline-card-waiting-duration: var(--duration-1200);

  --outline-card-row-gap: var(--sp-4);
  --outline-card-section-gap: var(--sp-20);

  --outline-card-count-bg: var(--surface-sunken);
  --outline-card-count-fg: var(--fg-muted);

  --outline-card-heading-fg: var(--fg-faint);
  --outline-card-heading-size: var(--font-size-10);

  /* The row's own title. Coloured by the group it is in — see OutlineCardTone. */
  --outline-card-row-fg: var(--fg-primary);
  --outline-card-row-size: var(--font-size-14);

  --outline-card-text-fg: var(--fg-secondary);
  --outline-card-text-size: var(--font-size-13);
  --outline-card-text-leading: 1.55;

  --outline-card-quote-bg: var(--surface-sunken);
  --outline-card-quote-rule: var(--border-default);
  --outline-card-quote-fg: var(--fg-secondary);

  /* Who said it, where it came from: the quietest line on the card. */
  --outline-card-meta-fg: var(--fg-faint);
  --outline-card-meta-size: var(--font-size-11);

  --outline-card-open-fg: var(--fg-warning);
  --outline-card-open-size: var(--font-size-12);

  --outline-card-label-fg: var(--fg-faint);
  --outline-card-label-size: var(--font-size-10);

  --outline-card-foot-bg: var(--surface-sunken);

}
body {

  /* What it is about, and where it is headed — the quieter half of the header. */
  --content-card-meta-fg: var(--fg-muted);
  --content-card-meta-size: var(--font-size-12);

  --content-card-font-size: var(--font-size-16);
  --content-card-line-height: 1.6;
  --content-card-fg: var(--fg-primary);

  --content-card-label-fg: var(--fg-faint);
  --content-card-label-size: var(--font-size-10);

  --content-card-tick-size: 15px;
  --content-card-tick-border: var(--border-strong);
  --content-card-tick-bg: var(--surface-raised);
  --content-card-tick-radius: var(--radius-xs);
  --content-card-tick-gap: var(--sp-10);
}
body {
  --chat-bubble-bg: var(--info-subtle);
  --chat-bubble-fg: var(--fg-primary);
  --chat-bubble-radius: var(--radius-xl);
  --chat-bubble-padding-block: var(--sp-10);
  --chat-bubble-padding-inline: var(--sp-14);

  --chat-bubble-max-inline-size: 85%;

  --chat-message-font-size: var(--font-size-16);
  --chat-message-line-height: 1.6;

  --chat-message-gap: var(--sp-6);

  --chat-message-hint-fg: var(--fg-muted);
  --chat-message-hint-size: var(--font-size-12);

  --chat-message-actions-block-size: 24px;

  --chat-message-actions-icon-size: 12px;
  --chat-message-actions-gap: var(--sp-2);
  --chat-message-actions-fade: var(--duration-150);

  --chat-message-code-bg: color-mix(in oklab, var(--fg-primary) 7%, transparent);
  --chat-message-quote-border: var(--border-default);
  --chat-message-rule: var(--border-subtle);
}
body {
  --checkbox-size: 16px;
  --checkbox-radius: var(--radius-xs);
  --checkbox-gap: var(--sp-8);
  --checkbox-transition-duration: var(--duration-150);
  --checkbox-transition-ease: var(--ease-out);
  --checkbox-disabled-opacity: 0.5;
  --checkbox-focus-ring: var(--focus-ring);

  /* ---- unchecked ---- */
  --checkbox-bg: var(--surface-raised);
  --checkbox-border: var(--border-strong);
  --checkbox-border-hover: var(--surface-inverted);

  --checkbox-bg-checked: var(--surface-inverted);
  --checkbox-border-checked: var(--surface-inverted);
  --checkbox-fg-checked: var(--fg-on-inverted);
  --checkbox-bg-checked-hover: var(--surface-inverted-hover);

  /* ---- invalid ---- */
  --checkbox-border-invalid: var(--danger);
  --checkbox-bg-invalid-checked: var(--danger);

  /* ---- text ---- */
  --checkbox-label-fg: var(--fg-primary);
  --checkbox-label-fg-invalid: var(--fg-danger);
  --checkbox-label-font-size: var(--font-size-14);
  --checkbox-label-font-weight: var(--font-weight-medium);
  --checkbox-description-fg: var(--fg-muted);
  --checkbox-description-font-size: var(--font-size-13);
  --checkbox-text-gap: var(--sp-2);

  /* ---- card ---- */
  --checkbox-card-padding: var(--sp-12) var(--sp-14);
  --checkbox-card-radius: var(--radius-md);
  --checkbox-card-border: var(--border-default);
  --checkbox-card-bg: transparent;
  --checkbox-card-bg-hover: var(--surface-hover);
}
body {
  --combobox-caption-fg: var(--fg-muted);
  --combobox-caption-font-size: var(--font-size-12);
  --combobox-caption-line-height: 1.35;
  --combobox-caption-padding-block: var(--sp-4);

  --combobox-panel-bg: var(--surface-overlay);
  --combobox-panel-border: var(--border-default);
  --combobox-panel-radius: var(--radius-lg);
  --combobox-panel-shadow: var(--elevation-overlay);
  --combobox-panel-min-width: 12rem;
  --combobox-panel-max-height: min(22rem, calc(100vh - 4rem));

  --combobox-input-min-width: 4rem;

  --combobox-item-font-size: var(--select-item-font-size);
  --combobox-label-font-size: var(--select-label-font-size);

  --combobox-check-fg: var(--fg-primary);

  /* ---- chip ---- */
  --combobox-chip-bg: var(--surface-sunken);
  --combobox-chip-fg: var(--fg-primary);
  --combobox-chip-radius: var(--radius-sm);
  --combobox-chip-height: 22px;
  --combobox-chip-padding-inline: var(--sp-8) var(--sp-4);
  /* Between the label and its ×. */
  --combobox-chip-gap: var(--sp-2);
  --combobox-chip-font-size: var(--font-size-13);
  --combobox-chip-remove-fg: var(--fg-muted);
  --combobox-chip-remove-bg-hover: var(--surface-hover-strong);
  --combobox-chip-remove-size: 16px;

  --combobox-chips-gap: var(--sp-4);
  --combobox-chips-padding-inline: var(--sp-4);

  /* ---- create ---- */
  --combobox-create-fg: var(--fg-accent);

  /* Duration tokens, so prefers-reduced-motion zeroes them without extra CSS. */
  --combobox-enter-duration: var(--duration-150);
  --combobox-leave-duration: var(--duration-100);
  --combobox-enter-scale: 0.97;
}
body {
  --command-bg: transparent;
  --command-sticky-bg: var(--surface-page);
  --command-sticky-clearance: 2.5rem;
  --command-padding: var(--sp-4);
  --command-max-height: 20rem;
  --command-separator: var(--border-subtle);

  /* ---- input ---- */
  --command-input-fg: var(--fg-primary);
  --command-input-placeholder-fg: var(--fg-faint);
  --command-input-border: var(--border-default);
  --command-input-padding: var(--sp-10) var(--sp-12);

  --command-group-heading-fg: var(--fg-muted);
  --command-group-heading-size: var(--font-size-10);
  --command-group-heading-tracking: var(--tracking-wider);

  /* ---- item ---- */
  --command-item-radius: var(--radius-sm);
  --command-item-fg: var(--fg-primary);
  --command-item-fg-code: var(--ai-text);
  --command-item-fg-disabled: var(--fg-faint);
  --command-item-bg-active: var(--surface-hover);
  --command-item-padding: var(--sp-6) var(--sp-8);
  --command-item-gap: var(--sp-8);
  --command-item-font-size: var(--font-size-12);
  --command-description-font-size: var(--font-size-11);
  --command-trailing-size: 2.75rem;

  --command-item-columns: minmax(0, 1fr) minmax(0, 1.4fr) var(--command-trailing-size);

  --command-mark-bg: var(--accent-muted);
  --command-mark-fg: var(--fg-accent);

  --command-badge-bg: var(--surface-sunken);
  --command-badge-fg: var(--fg-secondary);
  --command-badge-font-size: var(--font-size-11);
  --command-description-fg: var(--fg-muted);
  --command-description-fg-disabled: var(--fg-faint);
  --command-trailing-fg: var(--fg-faint);

  /* ---- empty ---- */
  --command-empty-fg: var(--fg-muted);

  --command-footer-bg: transparent;
  --command-footer-fg: var(--fg-faint);
  --command-footer-font-size: var(--font-size-10);
  --command-footer-border: var(--border-default);

  --command-meter-height: var(--sp-4);
  --command-meter-font-size: var(--command-description-font-size);
  --command-meter-fg: var(--command-description-fg);
}
body {
  --dialog-bg: var(--surface-overlay);
  --dialog-border: var(--border-default);
  --dialog-radius: var(--radius-xl);
  --dialog-shadow: var(--elevation-overlay);
  --dialog-fg: var(--fg-primary);

  --dialog-backdrop: var(--surface-backdrop);
  --dialog-backdrop-blur: 4px;

  --dialog-width: var(--dialog-width-default);
  --dialog-width-sm: 24rem;
  --dialog-width-default: 30rem;
  --dialog-width-lg: 44rem;
  --dialog-viewport-padding: var(--sp-24);

  --dialog-fullscreen-inset: var(--sp-16);
  --dialog-fullscreen-enter-scale: 0.99;

  --dialog-padding-inline: var(--sp-20);
  --dialog-padding-block-start: var(--sp-20);
  --dialog-padding-block-end: var(--sp-20);

  --dialog-header-padding: var(--dialog-padding-block-start) var(--dialog-padding-inline)
    var(--sp-12);
  --dialog-header-gap: var(--sp-6);
  --dialog-body-padding: var(--sp-4) var(--dialog-padding-inline)
    var(--dialog-padding-block-end);
  --dialog-body-font-size: var(--font-size-14);
  --dialog-footer-padding: var(--sp-12) var(--dialog-padding-inline);
  --dialog-footer-gap: var(--sp-8);
  --dialog-footer-border: var(--border-subtle);
  --dialog-footer-bg: var(--surface-sunken);

  --dialog-close-inset: var(--sp-10);
  /* What the top row keeps clear: the inset, the button and a gap. */
  --dialog-close-reserve: var(--sp-48);

  --dialog-title-fg: var(--fg-primary);
  --dialog-title-font-weight: var(--font-weight-semibold);
  --dialog-description-fg: var(--fg-muted);
  --dialog-description-font-size: var(--font-size-14);

  /* Duration tokens, so prefers-reduced-motion zeroes them without extra CSS. */
  --dialog-enter-duration: var(--duration-150);
  --dialog-leave-duration: var(--duration-100);
  --dialog-enter-scale: 0.96;
}
body {
  --menu-bg: var(--surface-overlay);
  --menu-border: var(--border-default);
  --menu-radius: var(--radius-lg);
  --menu-shadow: var(--elevation-md);
  --menu-padding: var(--sp-4);
  --menu-min-width: 12rem;
  --menu-max-height: min(24rem, calc(100vh - 4rem));

  --menu-label-fg: var(--fg-muted);
  --menu-label-action-fg: var(--fg-secondary);
  --menu-label-action-fg-hover: var(--fg-primary);
  --menu-label-action-disabled-opacity: 0.5;
  --menu-separator: var(--border-subtle);
  --menu-footer-fg: var(--fg-muted);
  --menu-footer-font-size: var(--font-size-12);
  --menu-footer-padding: var(--sp-6) var(--sp-8);
  --menu-shortcut-fg: var(--fg-faint);
  --menu-indicator-fg: var(--fg-primary);

  --menu-item-radius: var(--radius-sm);
  --menu-item-fg: var(--fg-primary);
  --menu-item-bg-hover: var(--surface-hover);
  --menu-item-fg-disabled: var(--fg-faint);
  --menu-shortcut-fg: var(--fg-faint);
  --menu-shortcut-gap: var(--sp-16);
  --menu-item-fg-danger: var(--fg-danger);
  --menu-item-bg-danger-hover: var(--danger-subtle);
}
body {
  --dropzone-radius: var(--radius-lg);
  --dropzone-border-width: 1px;
  --dropzone-fg: var(--fg-muted);

  --dropzone-border: var(--border-default);
  --dropzone-tile-bg: transparent;
  --dropzone-tile-min-block-size: 10rem;

  /* Armed: a step up from resting, still short of the accent. */
  --dropzone-border-armed: var(--border-strong);

  /* Targeted. */
  --dropzone-border-target: var(--accent);
  --dropzone-bg-target: color-mix(in oklab, var(--accent) 8%, transparent);

  --dropzone-label-bg: var(--accent);
  --dropzone-label-fg: var(--fg-on-accent);
  --dropzone-label-font-size: var(--font-size-13);
  --dropzone-label-padding-block: var(--sp-6);
  --dropzone-label-padding-inline: var(--sp-12);
  --dropzone-label-radius: var(--radius-pill);
  --dropzone-label-shadow: var(--elevation-md);
}
body {
  --editable-heading-gap: 0;
  --editable-heading-radius: var(--radius-md);
  --editable-heading-padding-block: var(--sp-4);
  --editable-heading-padding-inline: var(--sp-8);

  --editable-heading-font-size: var(--font-size-32);
  --editable-heading-font-size-2: var(--font-size-24);
  --editable-heading-font-size-3: var(--font-size-20);
  --editable-heading-font-weight: var(--font-weight-semibold);
  /* The third level sits inside running text, so it stops shouting. */
  --editable-heading-font-weight-3: var(--font-weight-medium);
  --editable-heading-leading: var(--leading-tight);
  --editable-heading-tracking: var(--tracking-tight);

  --editable-heading-fg: var(--fg-primary);
  --editable-heading-fg-placeholder: var(--fg-faint);

  --editable-heading-border-refused: var(--danger-border);

  --editable-heading-alert-bg: var(--surface-raised);
  --editable-heading-alert-border: var(--border-default);
  --editable-heading-alert-fg: var(--fg-danger);
  --editable-heading-alert-font-size: var(--font-size-13);
}
body {
  --field-gap: var(--sp-6);
  --field-group-gap: var(--sp-20);

  --field-label-width: 7rem;
  --field-row-gap: var(--sp-12);
  --field-head-gap: var(--sp-2);
  /* Nudges the label onto the first line of the control next to it. */
  --field-label-offset: var(--sp-6);

  --field-label-fg: var(--fg-primary);
  --field-label-font-size: var(--font-size-14);
  --field-label-font-weight: var(--font-weight-medium);

  --field-description-fg: var(--fg-muted);
  --field-description-font-size: var(--font-size-13);

  --field-error-fg: var(--fg-danger);
  --field-error-font-size: var(--font-size-13);

  --field-required-fg: var(--fg-danger);
}
body {
  /* ---- the box, borrowed whole ---- */
  --composer-bg: var(--input-bg);
  --composer-border: var(--input-border);
  --composer-border-hover: var(--input-border-hover);
  --composer-border-focus: var(--input-border-focus);
  --composer-focus-ring: var(--input-focus-ring);
  --composer-fg: var(--input-fg);
  --composer-placeholder-fg: var(--input-placeholder-fg);
  --composer-font-size: var(--input-font-size);
  --composer-disabled-bg: var(--input-disabled-bg);
  --composer-disabled-opacity: var(--input-disabled-opacity);
  --composer-transition-duration: var(--input-transition-duration);
  --composer-transition-ease: var(--input-transition-ease);
  --composer-invalid-border: var(--input-border-invalid);

  /* ---- its own ---- */

  --composer-radius: var(--radius-xl);

  --composer-padding-block: var(--sp-10);
  --composer-padding-inline: var(--sp-12);
  --composer-gap: var(--sp-8);

  --composer-under-gap: var(--sp-8);
  --composer-under-padding-inline: var(--sp-12);

  --composer-min-height: 72px;
  --composer-max-height: 320px;
  --composer-compact-min-height: 24px;
  --composer-compact-max-height: 160px;

  --composer-hint-fg: var(--fg-faint);
  --composer-hint-size: var(--font-size-12);
}
body {
  --input-bg: var(--surface-raised);
  --input-border: var(--border-default);
  --input-border-hover: color-mix(in oklab, var(--border-strong) 50%, var(--border-default));
  --input-border-focus: var(--border-strong);
  --input-radius: var(--radius-md);
  --input-fg: var(--fg-primary);
  --input-placeholder-fg: var(--fg-faint);
  --input-focus-ring: var(--focus-ring);
  --input-disabled-opacity: 0.6;
  --input-disabled-bg: var(--surface-sunken);
  --input-transition-duration: var(--duration-150);
  --input-transition-ease: var(--ease-out);

  --input-font-size: var(--font-size-14);
  --input-font-size-sm: var(--font-size-13);
  --input-padding-inline: var(--sp-12);
  --input-padding-inline-sm: var(--sp-10);
  --input-file-padding-inline-start: var(--sp-4);

  --textarea-padding-block: var(--sp-8);
  --textarea-min-height: 64px;

  --input-height-sm: 28px;
  --input-height: 32px;
  --input-height-lg: 36px;

  --input-ghost-bg-hover: var(--surface-hover);

  /* ---- invalid ---- */
  --input-border-invalid: var(--danger);
  --input-focus-ring-invalid: var(--focus-ring-danger);
}
body {
  --input-group-addon-fg: var(--fg-muted);
  --input-group-addon-gap: var(--sp-6);
  --input-group-addon-padding-inline: var(--sp-10);
  --input-group-text-fg: var(--fg-muted);
  --input-group-text-font-size: var(--font-size-13);

  --input-group-block-padding: var(--sp-6) var(--sp-8);
  /* See the note in dropdown-menu.css: subtle is the raised surface in dark. */
  --input-group-block-border: var(--border-default);

  --input-group-textarea-padding: var(--sp-8) var(--sp-12);
  --input-group-textarea-min-height: 72px;
}
body {
  --kbd-bg: var(--surface-hover);
  --kbd-fg: var(--fg-secondary);
  --kbd-outline-bg: var(--surface-raised);
  --kbd-outline-border: var(--border-default);
  --kbd-radius: var(--radius-sm);
  --kbd-font-family: var(--font-family-sans);
  --kbd-font-weight: var(--font-weight-medium);

  --kbd-font-size: var(--font-size-11);
  --kbd-font-size-sm: var(--font-size-10);
  --kbd-min-size: 1.75em;
  --kbd-padding-inline: 0.45em;

  /* The separator between keys in a group — "+" or a thin gap. */
  --kbd-group-gap: var(--sp-4);
  --kbd-group-separator-fg: var(--fg-faint);
}
body {
  --loading-size: 60px;
  --loading-size-sm: 32px;
  --loading-size-lg: 88px;

  --loading-mark-size: 24px;
  --loading-mark-size-sm: 14px;
  --loading-mark-size-lg: 36px;

  --loading-radius: 34%;
  --loading-radius-sm: 34%;

  --loading-tile-bg: var(--fg-primary);
  --loading-mark-fg: var(--surface-page);

  --loading-backdrop: var(--surface-page);

  --loading-veil: var(--surface-backdrop);
  --loading-veil-blur: 4px;

  --loading-wave-color: var(--ai-fill);
  --loading-wave-alpha-one: 0.08;
  --loading-wave-alpha-two: 0.05;
  --loading-wave-radius: 43%;
  /* Bigger than any screen and hung off the start edge, as in index.html. */
  --loading-wave-size: 1400px;
  --loading-wave-offset-block: -250px;
  --loading-wave-offset-inline: -600px;
  --loading-wave-offset-inline-two: -800px;
  --loading-wave-duration-one: 10s;
  --loading-wave-duration-two: 6s;
  --loading-z-index: var(--z-modal);

  /* Three seconds with two beats in it. See the keyframes. */
  --loading-duration: 3s;
  --loading-ease: var(--ease-in-out);
  --loading-breathe-opacity: 0.4;
}
body {
  /* Beside a line of text — a row, a menu item, a crumb. */
  --logo-size-sm: 16px;
  /* A rail's header or a topbar, which is where it usually is. */
  --logo-size-default: 20px;
  /* A splash, a sign-in, an empty state: the mark as the subject. */
  --logo-size-lg: 32px;
}
body {
  --meter-height: var(--sp-6);
  --meter-radius: var(--radius-pill);
  --meter-track-bg: var(--surface-fill);
  --meter-gap: var(--sp-8);
  --meter-transition-duration: var(--duration-300);
  --meter-transition-ease: var(--ease-out);

  --meter-label-fg: var(--fg-muted);

  --meter-label-min-width: auto;

  --meter-value-fg: var(--fg-primary);

  --meter-value-min-width: auto;
  --meter-font-size: var(--font-size-12);

  --meter-fill-accent: var(--accent);
  --meter-fill-neutral: var(--fg-faint);
  --meter-fill-success: var(--success);
  --meter-fill-warning: var(--warning);
  --meter-fill-danger: var(--danger);

  --meter-scale-from: var(--scale-low);
  --meter-scale-warm: var(--scale-rising);
  --meter-scale-good: var(--scale-good);
  --meter-scale-to: var(--scale-high);

  /* Positions, so the ramp can be retuned without touching the component. */
  --meter-scale-warm-at: 30%;
  --meter-scale-good-at: 62%;
}
body {
  --questionnaire-bg: var(--composer-bg);
  --questionnaire-border: var(--composer-border);
  --questionnaire-radius: var(--composer-radius);
  --questionnaire-shadow: var(--elevation-sm);

  --questionnaire-padding-block: var(--sp-12);
  --questionnaire-padding-inline: var(--sp-12);
  --questionnaire-gap: var(--sp-12);

  --questionnaire-row-size: 2.25rem;
  --questionnaire-row-font-size: var(--font-size-14);
  --questionnaire-list-inset: var(--command-padding);
  --questionnaire-row-radius: var(--command-item-radius);
  --questionnaire-row-bg-active: var(--surface-hover);
  --questionnaire-row-fg-picked: var(--fg-primary);
  --questionnaire-mark-fg: var(--fg-primary);

  --questionnaire-title-size: var(--font-size-16);

  --questionnaire-track: var(--surface-fill);
  --questionnaire-track-size: 3px;
  --questionnaire-fill: var(--fg-primary);

  --questionnaire-count-fg: var(--fg-faint);

  --questionnaire-label-bg: var(--ai-subtle);
  --questionnaire-label-fg: var(--ai-text);
  --questionnaire-mode-bg: var(--surface-sunken);
  --questionnaire-mode-fg: var(--fg-secondary);

  --questionnaire-go-fg: var(--fg-primary);
}
body {
  --pick-tile-ratio: 3 / 2;
  --pick-tile-radius: var(--radius-md);
  --pick-tile-gap: var(--sp-6);
  --pick-tile-padding: var(--sp-4);

  --pick-tile-art-bg: var(--surface-sunken);
  --pick-tile-art-border: var(--border-subtle);
  --pick-tile-art-padding: var(--sp-8);
  --pick-tile-bg-hover: var(--surface-hover);

  --pick-tile-ring-width: 2px;
  --pick-tile-ring: var(--accent);

  --pick-tile-fg: var(--fg-primary);
  --pick-tile-font-size: var(--font-size-12);

  --pick-tile-disabled-opacity: 0.45;

  --pick-tile-mark-inset: var(--sp-6);
}
body {
  --pagination-gap: var(--sp-2);
  --pagination-height: var(--btn-height);
  --pagination-height-sm: var(--btn-height-sm);
  --pagination-min-width: var(--btn-height);
  --pagination-min-width-sm: var(--btn-height-sm);
  --pagination-padding-inline: var(--sp-10);
  --pagination-radius: var(--btn-radius);
  --pagination-font-size: var(--font-size-14);
  --pagination-font-weight: var(--font-weight-medium);
  --pagination-icon-size: 16px;

  --pagination-fg: var(--fg-secondary);
  --pagination-fg-hover: var(--fg-primary);
  --pagination-bg-hover: var(--btn-outline-bg-hover);

  --pagination-current-fg: var(--fg-primary);
  --pagination-current-bg: var(--btn-outline-bg);
  --pagination-current-border: var(--btn-outline-border);

  --pagination-disabled-opacity: var(--btn-disabled-opacity);
  --pagination-gap-fg: var(--fg-muted);

  --pagination-transition-duration: var(--duration-150);
  --pagination-transition-ease: var(--ease-out);

  --pagination-bar-gap: var(--sp-16);
  --pagination-bar-select-width: 5rem;
  --pagination-bar-range-fg: var(--fg-muted);
  --pagination-bar-range-font-size: var(--font-size-13);

  /* And the other answer to a long list, which is a button and a count. */
  --load-more-gap: var(--sp-12);
  --load-more-count-fg: var(--fg-muted);
  --load-more-count-font-size: var(--font-size-13);
}
body {
  --popover-bg: var(--surface-overlay);
  --popover-border: var(--border-default);
  --popover-radius: var(--radius-lg);
  --popover-shadow: var(--elevation-overlay);
  --popover-padding: var(--sp-16);
  --popover-min-width: 12rem;
  --popover-max-width: 20rem;
  --popover-max-height: min(24rem, calc(100vh - 4rem));
  --popover-fg: var(--fg-primary);

  /* Duration tokens, so prefers-reduced-motion zeroes them without extra CSS. */
  --popover-enter-duration: var(--duration-150);
  --popover-leave-duration: var(--duration-100);
  --popover-enter-scale: 0.97;
}
body {
  --pulse-reach: 30px;
  --pulse-core-size: 10px;
  --pulse-ring-width: 2px;

  --pulse-reach-sm: 16px;
  --pulse-core-size-sm: 6px;
  --pulse-ring-width-sm: 1.5px;

  --pulse-duration: 3s;
  --pulse-ease: var(--ease-out);

  --pulse-fg-success: var(--success);
  --pulse-fg-accent: var(--accent);
  --pulse-fg-warning: var(--warning);
  --pulse-fg-danger: var(--danger);
  --pulse-fg-info: var(--info);
}
body {
  --radio-size: 16px;
  --radio-gap: var(--sp-8);
  --radio-transition-duration: var(--duration-150);
  --radio-transition-ease: var(--ease-out);
  --radio-disabled-opacity: 0.5;
  --radio-focus-ring: var(--focus-ring);

  /* ---- unselected ---- */
  --radio-bg: var(--surface-raised);
  --radio-border: var(--border-strong);
  --radio-border-hover: var(--surface-inverted);

  /* ---- selected ---- */
  --radio-bg-selected: var(--surface-inverted);
  --radio-border-selected: var(--surface-inverted);
  --radio-bg-selected-hover: var(--surface-inverted-hover);
  /* The dot, not a tick: a radio is one of a set, and a tick reads as done. */
  --radio-dot-fg: var(--fg-on-inverted);
  --radio-dot-size: 6px;

  /* ---- invalid ---- */
  --radio-border-invalid: var(--danger);
  --radio-bg-invalid-selected: var(--danger);

  /* ---- text ---- */
  --radio-label-fg: var(--fg-primary);
  --radio-label-fg-invalid: var(--fg-danger);
  --radio-label-font-size: var(--font-size-14);
  --radio-label-font-weight: var(--font-weight-medium);
  --radio-description-fg: var(--fg-muted);
  --radio-description-font-size: var(--font-size-13);
  --radio-text-gap: var(--sp-2);

  /* ---- group ---- */
  --radio-group-gap: var(--sp-12);
  --radio-group-gap-horizontal: var(--sp-20);

  --radio-card-padding: var(--sp-6) var(--sp-12);
  --radio-card-radius: var(--radius-md);
  --radio-card-border: var(--border-default);
  --radio-card-bg: transparent;
  --radio-card-bg-hover: var(--surface-hover);
  --radio-card-border-selected: var(--surface-inverted);
  --radio-card-bg-selected: color-mix(in oklab, var(--fg-primary) 4%, transparent);
  --radio-card-bg-selected-hover: color-mix(in oklab, var(--fg-primary) 7%, transparent);
  --radio-card-ring-selected: 0 0 0 3px color-mix(in oklab, var(--fg-primary) 8%, transparent);
}
body {
  --scrollbar-size: 10px;
  --scrollbar-inset: 2px;
  --scrollbar-track-inset: var(--sp-4);
  --scrollbar-radius: var(--radius-pill);
  --scrollbar-track: transparent;
  --scrollbar-thumb: var(--border-default);
  --scrollbar-thumb-hover: color-mix(in oklab, var(--border-strong) 40%, var(--border-default));
}
body {
  --select-caption-fg: var(--fg-muted);
  --select-caption-font-size: var(--font-size-12);
  --select-caption-line-height: 1.35;
  --select-caption-padding-block: var(--sp-4);

  --select-icon-fg: var(--fg-muted);
  --select-placeholder-fg: var(--fg-faint);

  /* ---- panel ---- */
  --select-panel-bg: var(--surface-overlay);
  --select-panel-border: var(--border-default);
  --select-panel-radius: var(--radius-lg);
  --select-panel-shadow: var(--elevation-overlay);
  --select-panel-padding: var(--sp-4);
  --select-panel-min-width: 8rem;
  --select-panel-max-height: min(20rem, calc(100vh - 4rem));

  /* ---- item ---- */
  --select-item-radius: var(--radius-sm);
  --select-item-fg: var(--fg-primary);
  --select-item-padding: var(--sp-6) var(--sp-8);
  --select-item-bg-active: var(--surface-hover);
  --select-item-fg-disabled: var(--fg-faint);
  --select-item-font-size: var(--font-size-14);
  --select-item-gap: var(--sp-8);
  --select-indicator-fg: var(--fg-primary);

  /* ---- group ---- */
  --select-label-fg: var(--fg-muted);
  --select-label-font-size: var(--font-size-12);
  --select-separator: var(--border-subtle);

  /* Duration tokens, so prefers-reduced-motion zeroes them without extra CSS. */
  --select-enter-duration: var(--duration-150);
  --select-leave-duration: var(--duration-100);
  --select-enter-scale: 0.97;
}
body {
  --separator-color: var(--border-default);
  --separator-thickness: 1px;
  /* Only used when a vertical rule has no row to take its height from. */
  --separator-vertical-min-height: 1rem;
}
body {
  --sidebar-nav-width: 13.5rem;
  --sidebar-nav-padding-block: var(--sp-12);
  --sidebar-nav-padding-inline: var(--sp-8);
  --sidebar-nav-header-gap: var(--sp-12);
  --sidebar-nav-footer-gap: var(--sp-12);
  --sidebar-nav-group-gap: var(--sp-20);
  --sidebar-nav-list-gap: var(--sp-2);

  --sidebar-nav-heading-fg: var(--eyebrow-fg);
  --sidebar-nav-heading-font-size: var(--eyebrow-size);
  --sidebar-nav-heading-font-weight: var(--eyebrow-weight);
  --sidebar-nav-heading-tracking: var(--eyebrow-tracking);
  --sidebar-nav-heading-transform: none;
  --sidebar-nav-heading-gap: var(--sp-6);

  --sidebar-nav-item-height: 32px;
  --sidebar-nav-item-gap: var(--sp-8);
  --sidebar-nav-item-padding-block: var(--sp-6);
  --sidebar-nav-item-padding-inline: var(--sp-8);
  --sidebar-nav-item-radius: var(--radius-md);
  --sidebar-nav-item-font-size: var(--font-size-14);
  --sidebar-nav-item-font-weight: var(--font-weight-regular);
  --sidebar-nav-item-font-weight-active: var(--font-weight-medium);
  --sidebar-nav-icon-size: 16px;

  --sidebar-nav-item-fg: var(--fg-secondary);
  --sidebar-nav-item-fg-hover: var(--fg-primary);
  --sidebar-nav-item-bg-hover: var(--surface-hover);
  --sidebar-nav-item-fg-disabled: var(--fg-faint);

  --sidebar-nav-item-fg-active: var(--fg-primary);
  --sidebar-nav-item-bg-active: var(--surface-raised);
  --sidebar-nav-item-border-active: var(--border-default);

  --sidebar-nav-badge-fg: var(--fg-faint);
  --sidebar-nav-badge-font-size: var(--font-size-12);

  --sidebar-nav-panel-bg: color-mix(in oklab, var(--fg-primary) 4%, transparent);
  --sidebar-nav-panel-border: var(--border-default);
}
body {
  --slider-thumb-size: 16px;
  --slider-thumb-size-sm: 14px;
  --slider-rail-height: 4px;
  --slider-rail-height-sm: 3px;
  --slider-thumb-border-width: 2px;
  --slider-radius: var(--radius-pill);

  --slider-row-gap: var(--sp-12);
  --slider-header-gap: var(--sp-8);
  --slider-field-width: 84px;
  --slider-field-width-sm: 74px;
  --slider-pair-field-width: 68px;
  --slider-disabled-opacity: 0.5;
  --slider-transition-duration: var(--duration-150);
  --slider-transition-ease: var(--ease-out);

  --slider-ratio: 0;

  /* The pair's two ends, same idea, same inline override. */
  --slider-from: 0;
  --slider-to: 1;

  --slider-rail-bg: var(--surface-fill);

  --slider-fill-bg: var(--surface-inverted);
  --slider-fill-bg-invalid: var(--danger);

  --slider-thumb-bg: var(--surface-page);
  --slider-thumb-border: var(--surface-inverted);
  --slider-thumb-border-invalid: var(--danger);
  --slider-thumb-shadow: var(--elevation-sm);
  --slider-focus-ring: var(--focus-ring);

  --slider-label-fg: var(--fg-primary);
  --slider-label-font-size: var(--font-size-14);
  --slider-label-font-weight: var(--font-weight-medium);
  --slider-readout-fg: var(--fg-muted);
  --slider-readout-font-size: var(--font-size-13);
}
body {
  --splitter-transition-duration: var(--duration-150);
  --splitter-transition-ease: var(--ease-out);

  --splitter-panel-duration: var(--duration-200);
  --splitter-panel-ease: var(--ease-out);

  --splitter-handle-size: 1px;
  --splitter-handle-bg: var(--border-subtle);
  --splitter-handle-bg-active: var(--btn-outline-border);

  --splitter-handle-grab: var(--sp-6);
  --splitter-handle-grab-radius: var(--radius-sm);

  --splitter-grip-thickness: 3px;
  --splitter-grip-length: var(--sp-24);
  --splitter-grip-bg: var(--border-strong);
  --splitter-grip-bg-active: var(--fg-muted);
}
body {
  /* The one thing to keep when the lengths change. */
  --screen-shot-ratio: 3 / 2;

  /* screenSM — the API calls it Board Thumbnail. */
  --screen-card-width: 150px;
  --screen-card-art-height: 100px;

  --screen-count-min-width: 1.75rem;
  --screen-count-height: 1.25rem;

  /* screenXS — the API calls it Screen Search. */
  --screen-row-art-width: 45px;
  --screen-row-art-height: 30px;

  --screen-group-rail: var(--swatch-grey-light);
  --screen-group-rail-width: 2px;
  --screen-group-rail-alpha: 60%;

  --screen-cards-inset-start: var(--sp-8);
  --screen-cards-inset-start-railed: calc(
    var(--tree-item-padding-inline) + var(--tree-twisty-size) + var(--tree-item-gap)
  );
}
body {
  --skeleton-bg: color-mix(in oklab, var(--fg-primary) 10%, transparent);
  --skeleton-radius: var(--radius-sm);

  --skeleton-text-block-size: 0.55em;
  --skeleton-text-margin-block: 0.225em;
  --skeleton-text-radius: var(--radius-xs);

  /* Only the fallback: a block placeholder is usually given its own height. */
  --skeleton-rect-block-size: 6rem;
  --skeleton-circle-size: 2rem;

  --skeleton-duration: 1.6s;
  --skeleton-ease: var(--ease-in-out);
  --skeleton-opacity-rest: 1;
  --skeleton-opacity-peak: 0.45;
}
body {
  --swatch-purple-light: var(--palette-purple-light);
  --swatch-purple-dark: var(--palette-purple-dark);
  --swatch-blue-light: var(--palette-blue-light);
  --swatch-blue-dark: var(--palette-blue-dark);
  --swatch-green-light: var(--palette-green-light);
  --swatch-green-dark: var(--palette-green-dark);
  --swatch-teal-light: var(--palette-teal-light);
  --swatch-teal-dark: var(--palette-teal-dark);
  --swatch-yellow-light: var(--palette-yellow-light);
  --swatch-yellow-dark: var(--palette-yellow-dark);
  --swatch-red-light: var(--palette-red-light);
  --swatch-red-dark: var(--palette-red-dark);
  --swatch-grey-light: var(--palette-grey-light);
  --swatch-grey-dark: var(--palette-grey-dark);

  --swatch-color: var(--swatch-grey-light);

  --swatch-size-xs: 10px;
  --swatch-size-default: 14px;
  --swatch-size-lg: 32px;

  --swatch-option-size: 24px;
  --swatch-radius: 43%;

  --swatch-ring-alpha-selected: 45%;
  --swatch-ring-alpha-hover: 22%;
  --swatch-ring-width: 2px;
  --swatch-ring-gap: 2px;

  --swatch-check-fg: var(--fg-on-accent);
  --swatch-check-size: 70%;

  --swatch-grid-gap: var(--sp-8);
  --swatch-grid-padding: var(--sp-14);
  --swatch-heading-margin: var(--sp-14);
  --swatch-label-fg: var(--fg-muted);
  --swatch-label-font-size: var(--font-size-11);

  --swatch-trigger-padding: var(--sp-6);
  --swatch-disabled-opacity: var(--btn-disabled-opacity);

  --swatch-transition-duration: var(--duration-150);
  --swatch-transition-ease: var(--ease-out);
}
body {
  --switch-track-width: 32px;
  --switch-track-height: 18px;
  --switch-thumb-size: 14px;
  /* The gap between thumb and track, on every side. */
  --switch-thumb-inset: 2px;

  --switch-track-width-sm: 26px;
  --switch-track-height-sm: 15px;
  --switch-thumb-size-sm: 11px;

  --switch-radius: var(--radius-pill);
  --switch-gap: var(--sp-8);
  --switch-transition-duration: var(--duration-150);
  --switch-transition-ease: var(--ease-out);
  --switch-disabled-opacity: 0.5;
  --switch-focus-ring: var(--focus-ring);

  /* ---- off ---- */
  --switch-track-bg: var(--surface-hover-strong);
  --switch-track-border: var(--border-state);

  --switch-track-bg-checked: var(--success-solid);
  --switch-track-bg-checked-hover: var(--success-solid-hover);

  --switch-thumb-bg: var(--surface-page);
  --switch-thumb-shadow: var(--elevation-sm);

  /* ---- invalid ---- */
  --switch-track-border-invalid: var(--danger);
  --switch-track-bg-invalid-checked: var(--danger);

  /* ---- text ---- */
  --switch-label-fg: var(--fg-primary);
  --switch-label-fg-invalid: var(--fg-danger);
  --switch-label-font-size: var(--font-size-14);
  --switch-label-font-weight: var(--font-weight-medium);
  --switch-description-fg: var(--fg-muted);
  --switch-description-font-size: var(--font-size-13);
  --switch-text-gap: var(--sp-2);

  /* ---- card ---- */
  --switch-card-padding: var(--sp-12) var(--sp-14);
  --switch-card-radius: var(--radius-md);
  --switch-card-border: var(--border-default);
  --switch-card-bg: transparent;
  --switch-card-bg-hover: var(--surface-hover);
}
body {
  --toc-line-block-size: 2px;
  --toc-line-inline-size: 16px;
  --toc-line-step: 3px;
  --toc-line-inline-size-min: 8px;
  --toc-line-radius: var(--radius-pill);
  --toc-line-gap: var(--sp-12);
  --toc-lines-padding: var(--sp-8) var(--sp-4);

  --toc-line-bg: color-mix(in oklab, var(--fg-primary) 30%, transparent);
  --toc-line-bg-hover: var(--fg-primary);
  --toc-line-bg-active: var(--fg-primary);

  --toc-lines-max-block-size: min(70vh, 520px);

  --toc-panel-bg: var(--surface-overlay);
  --toc-panel-border: var(--border-default);
  --toc-panel-radius: var(--radius-lg);
  --toc-panel-shadow: var(--elevation-md);
  --toc-panel-padding: var(--sp-6);
  --toc-panel-min-inline-size: 11.25rem;
  --toc-panel-max-inline-size: 16.25rem;
  --toc-panel-max-block-size: min(60vh, 460px);

  --toc-entry-font-size: var(--font-size-14);
  --toc-entry-line-height: var(--leading-snug);
  --toc-entry-padding-block: var(--sp-4);
  --toc-entry-padding-inline-end: var(--sp-8);
  --toc-entry-radius: var(--radius-sm);

  --toc-entry-fg: var(--fg-secondary);
  --toc-entry-fg-active: var(--fg-primary);
  --toc-entry-font-weight-active: var(--font-weight-medium);
  --toc-entry-bg-hover: var(--surface-hover);

  --toc-entry-indent: var(--sp-12);
  --toc-entry-indent-base: var(--sp-8);

  --toc-duration: var(--duration-150);
  --toc-ease: var(--ease-out);
}
body {
  --table-font-size: var(--font-size-14);
  --table-fg: var(--fg-primary);
  --table-rule: var(--border-subtle);
  --table-divider: var(--border-subtle);
  --table-radius: var(--radius-lg);
  --table-border: var(--border-default);
  --table-transition-duration: var(--duration-150);
  --table-transition-ease: var(--ease-out);

  --table-cell-padding-block: var(--sp-12);
  --table-cell-padding-inline: var(--sp-12);
  --table-cell-padding-block-compact: var(--sp-8);
  --table-cell-padding-block-comfortable: var(--sp-16);

  --table-head-fg: var(--fg-muted);
  --table-head-font-size: var(--font-size-12);
  --table-head-font-weight: var(--font-weight-medium);
  --table-head-rule: var(--border-default);

  --table-line-height: var(--leading-normal);

  --table-row-bg-hover: var(--btn-outline-bg-hover);
  --table-row-bg-selected: var(--table-row-bg-hover);

  --table-foot-fg: var(--fg-primary);
  --table-foot-font-weight: var(--font-weight-medium);
  --table-foot-bg: var(--surface-subtle);

  --table-row-indent-step: var(--sp-20);
  --table-row-indent: 0px;

  --table-sticky-bg: var(--surface-page);
  --table-sticky-edge: 1px 0 0 0 var(--border-default);
  --table-sticky-edge-end: -1px 0 0 0 var(--border-default);

  --table-sort-fg: var(--fg-muted);
  --table-sort-fg-active: var(--fg-primary);
  --table-sort-icon-size: 14px;

  --table-caption-fg: var(--fg-muted);
  --table-caption-font-size: var(--font-size-13);
  --table-caption-padding-block: var(--sp-16);

  --table-empty-fg: var(--fg-muted);
  --table-empty-padding-block: var(--sp-32);
}
/*
 * The dark ground a screenshot is shown on.
 *
 * A near-black stage in both themes, because a screen's picture is read
 * against a neutral surround and a white one bleeds into pale mockups. In dark
 * that ground is the page's own colour, so the stage goes a step darker and
 * takes a hairline — otherwise the box holding the picture is invisible and
 * the shot looks as if it were floating on the page.
 */
body {
  --screen-stage-bg: var(--color-neutral-900);
  --screen-stage-border: transparent;
  --screen-stage-fg-muted: var(--color-neutral-500);

  /* The height the picture opens at, which the outline rail starts below. */
  --screen-stage-block-size: min(62vh, 640px);

  /*
   * The floating controls over the picture. Light in both themes, because the
   * ground they sit on is near-black in both — a panel that followed the theme
   * would vanish into the stage on one of them.
   */
  --screen-stage-tool-bg: var(--color-white);
  --screen-stage-tool-fg: var(--color-neutral-600);
  --screen-stage-tool-fg-strong: var(--color-neutral-950);
  --screen-stage-tool-hover: var(--color-neutral-100);
  --screen-stage-tool-divider: var(--color-neutral-200);
}
body.dark {
  --screen-stage-bg: var(--color-neutral-950);
  --screen-stage-border: var(--border-subtle);
}
body {
  --tabs-gap: var(--sp-16);
  --tabs-transition-duration: var(--duration-150);
  --tabs-transition-ease: var(--ease-out);
  --tabs-icon-size: 16px;
  --tabs-content-radius: var(--radius-md);

  --tabs-trigger-gap: var(--sp-6);
  --tabs-trigger-padding: var(--sp-4) var(--sp-10);
  --tabs-trigger-font-size: var(--font-size-14);
  --tabs-trigger-font-weight: var(--font-weight-medium);
  --tabs-trigger-fg: var(--fg-muted);
  --tabs-trigger-fg-hover: var(--fg-primary);
  --tabs-trigger-fg-selected: var(--fg-primary);
  --tabs-trigger-fg-disabled: var(--fg-faint);

  --tabs-segmented-bg: var(--surface-sunken);
  --tabs-segmented-padding: var(--sp-2);
  --tabs-segmented-gap: var(--sp-2);
  --tabs-segmented-radius: var(--radius-md);
  --tabs-segmented-trigger-radius: var(--radius-sm);
  --tabs-pill-trigger-font-size: var(--font-size-13);

  --tabs-raised-bg: var(--btn-outline-bg);
  --tabs-raised-border: var(--btn-outline-border);
  --tabs-raised-shadow: var(--elevation-sm);

  --tabs-inline-gap: var(--sp-2);
  --tabs-inline-trigger-radius: var(--radius-sm);
  --tabs-inline-trigger-bg-hover: var(--surface-hover);

  --tabs-inline-trigger-bg-selected: color-mix(in oklab, var(--fg-primary) 8%, transparent);

  /* ---- underline ---- */
  --tabs-underline-gap: var(--sp-4);
  --tabs-underline-trigger-padding: var(--sp-8) var(--sp-10);
  --tabs-underline-trigger-radius: var(--radius-sm);
  --tabs-underline-thickness: 2px;
  --tabs-underline-rail: var(--border-default);
  --tabs-underline-indicator: var(--fg-primary);
}
body {
  --thinking-gap: var(--sp-8);

  --thinking-mark-size: 16px;
  --thinking-mark-fg: var(--ai-text);

  --thinking-turn-duration: var(--duration-1200);

  --thinking-phase-fg: var(--fg-secondary);

  --thinking-sweep-fg: var(--fg-primary);

  --thinking-sweep-dim: var(--fg-muted);
  --thinking-sweep-duration: 1.9s;

  --thinking-sweep-spread: 160%;

  --thinking-phase-size: var(--font-size-16);

  --thinking-phase-fade: var(--duration-300);

  --thinking-phase-shift: 0.4em;

  --thinking-timer-fg: var(--fg-muted);
  --thinking-timer-size: var(--font-size-13);
}
body {
  --tt-block-padding: var(--sp-6);

  --tt-editor-padding-inline: var(--sp-8);
  --tt-text-inset: calc(var(--tt-editor-padding-inline) + var(--tt-block-padding));
  /* Between one block's highlight and the next, so two selected blocks do not touch. */
  --tt-block-gap: var(--sp-8);

  --tt-list-item-gap: var(--sp-8);

  --tt-scrim: rgb(0 0 0 / 0.55);
  --tt-scrim-strong: rgb(0 0 0 / 0.75);
  --tt-scrim-heavy: rgb(0 0 0 / 0.85);

  /* The lightbox's own controls: light in both themes, because the scrim is dark in both. */
  --tt-lightbox-control-bg: var(--color-white);
  --tt-lightbox-control-fg: var(--color-neutral-600);
  --tt-lightbox-control-bg-hover: var(--color-neutral-200);
  --tt-scrim-light: rgb(255 255 255 / 0.92);
  --tt-scrim-ring: rgb(255 255 255 / 0.92);
  --tt-scrim-veil: rgb(45 45 55 / 0.42);
  --tt-scrim-light-hover: rgb(255 255 255 / 0.9);
  --tt-scrim-edge: rgb(0 0 0 / 0.18);

  --tt-list-indent: calc(var(--tt-block-padding) + var(--sp-32));

  --tt-drawing-filter: none;
}
body.dark {
  --tt-drawing-filter: invert(93%) hue-rotate(180deg);
}
body {
  --toast-z: var(--z-toast);
  --toast-width: 22rem;
  --toast-viewport-inset: var(--sp-64);
  --toast-viewport-gutter: var(--sp-16);
  --toast-radius: var(--radius-lg);
  --toast-padding: var(--sp-12) var(--sp-14);
  --toast-gap: var(--sp-10);
  --toast-surface-bg: var(--surface-overlay);
  --toast-surface-border: var(--border-default);
  --toast-surface-fg: var(--fg-primary);
  --toast-surface-description-fg: var(--fg-muted);
  --toast-surface-close-fg: var(--fg-muted);
  --toast-surface-close-fg-hover: var(--fg-primary);
  --toast-surface-close-bg-hover: var(--surface-hover);
  /* Measured for a label on a pale -subtle fill, which is what this bar is. */
  --toast-surface-success-fg: var(--success-text);
  --toast-surface-info-fg: var(--info-text);
  --toast-surface-warning-fg: var(--warning-text);
  --toast-surface-error-fg: var(--danger-text);

  --toast-inverted-bg: var(--surface-inverted);
  --toast-inverted-border: transparent;
  --toast-inverted-fg: var(--fg-on-inverted);
  --toast-inverted-description-fg: var(--fg-on-inverted-muted);
  --toast-inverted-close-fg: var(--fg-on-inverted-muted);
  --toast-inverted-close-fg-hover: var(--fg-on-inverted);
  --toast-inverted-close-bg-hover: var(--surface-inverted-hover);
  --toast-inverted-success-fg: var(--success-on-inverted);
  --toast-inverted-info-fg: var(--info-on-inverted);
  --toast-inverted-warning-fg: var(--warning-on-inverted);
  --toast-inverted-error-fg: var(--danger-on-inverted);

  /* The app's own answer. MsToaster re-points these for the other tone. */
  --toast-bg: var(--toast-inverted-bg);
  --toast-border: var(--toast-inverted-border);
  --toast-shadow: var(--elevation-floating);
  --toast-fg: var(--toast-inverted-fg);
  --toast-description-fg: var(--toast-inverted-description-fg);
  --toast-title-font-size: var(--font-size-13);
  --toast-description-font-size: var(--font-size-13);
  --toast-icon-size: 16px;

  --toast-peek: 10px;
  --toast-scale-step: 0.05;
  /* Beyond this the stack stops growing and the rest are simply not drawn. */
  --toast-visible: 3;
  /* The gap between them once the stack is open. */
  --toast-stack-gap: var(--sp-8);

  --toast-enter-duration: var(--duration-200);
  --toast-leave-duration: var(--duration-150);
  --toast-leave-ms: 150;
  --toast-move-duration: var(--duration-200);
  --toast-enter-ease: var(--ease-out);
  --toast-leave-ease: var(--ease-in);

  /* ---- the types ---- */
  --toast-success-fg: var(--toast-inverted-success-fg);
  --toast-info-fg: var(--toast-inverted-info-fg);
  --toast-warning-fg: var(--toast-inverted-warning-fg);
  --toast-error-fg: var(--toast-inverted-error-fg);
  --toast-loading-fg: var(--toast-description-fg);

  --toast-close-fg: var(--toast-inverted-close-fg);
  --toast-close-fg-hover: var(--toast-inverted-close-fg-hover);
  --toast-close-bg-hover: var(--toast-inverted-close-bg-hover);
  --toast-close-size: 20px;
}
body {
  --toggle-radius: var(--btn-radius);
  --toggle-gap: var(--btn-gap);
  --toggle-font-size: var(--btn-font-size);
  --toggle-font-weight: var(--btn-font-weight);
  --toggle-padding-inline: var(--sp-8);
  --toggle-font-size-xs: var(--btn-font-size-xs);
  --toggle-height-xs: var(--btn-height-xs);
  --toggle-height-sm: var(--btn-height-sm);
  --toggle-height: var(--btn-height);
  --toggle-height-lg: var(--btn-height-lg);
  --toggle-transition-duration: var(--btn-transition-duration);
  --toggle-transition-ease: var(--btn-transition-ease);
  --toggle-focus-ring: var(--focus-ring);
  --toggle-disabled-opacity: var(--btn-disabled-opacity);

  /* ---- unpressed ---- */
  --toggle-fg: var(--fg-secondary);
  --toggle-bg: transparent;
  --toggle-border: var(--border-state);
  --toggle-bg-hover: var(--surface-hover);
  --toggle-fg-hover: var(--fg-primary);
  /* The outline variant is the same control with its edge showing. */
  --toggle-outline-border: var(--border-default);
  --toggle-outline-bg: var(--surface-raised);

  --toggle-pressed-bg: var(--surface-hover-strong);
  --toggle-pressed-fg: var(--fg-primary);
  --toggle-pressed-bg-hover: var(--surface-selected);
  --toggle-pressed-border: var(--border-state);

  /* ---- group ---- */
  --toggle-group-gap: var(--sp-4);
  --toggle-group-connected-radius: var(--btn-radius);
  --toggle-group-divider: var(--border-default);
  --toggle-group-padding: var(--sp-2);
  --toggle-group-bg: var(--surface-sunken);
}
body {
  --tooltip-bg: var(--surface-contrast);
  --tooltip-fg: var(--fg-on-contrast);
  --tooltip-border: var(--border-contrast);
  --tooltip-fg-muted: var(--fg-on-contrast-muted);
  --tooltip-radius: var(--radius-pill);
  --tooltip-padding: var(--sp-6) var(--sp-12);
  --tooltip-font-size: var(--font-size-12);
  --tooltip-line-height: 16px;
  --tooltip-max-width: 16rem;
  --tooltip-shadow: var(--elevation-overlay);
  --tooltip-gap: 6px;
  --tooltip-stack-gap: var(--sp-4);

  --tooltip-enter-duration: var(--duration-150);
  --tooltip-leave-duration: var(--duration-100);
  --tooltip-enter-scale: 0.94;

  --tooltip-kbd-bg: var(--surface-contrast-raised);
  --tooltip-kbd-fg: var(--fg-on-contrast);
  --tooltip-kbd-gap: var(--sp-2);
  --tooltip-kbd-font-size: var(--font-size-11);
}
body {
  --tree-item-height: 28px;
  --tree-item-padding-inline: var(--sp-4);
  --tree-item-gap: var(--sp-6);
  --tree-item-radius: var(--radius-md);
  --tree-row-gap: var(--sp-2);

  --tree-mark-size: var(--tree-twisty-size);

  --tree-drop-line: var(--info);
  --tree-drop-line-size: 2px;
  --tree-drop-into-bg: color-mix(in oklab, var(--info) 18%, transparent);
  --tree-drop-source-opacity: 0.4;

  --tree-indent: calc(var(--tree-mark-size) + var(--tree-item-gap));

  --tree-depth: 0;

  --tree-item-font-size: var(--font-size-14);
  --tree-item-font-weight: var(--font-weight-regular);
  /* The row that names a whole branch carries a little more weight. */
  --tree-item-font-weight-root: var(--font-weight-medium);
  /* And so does the row you are on, since it shares its fill with hover. */
  --tree-item-font-weight-active: var(--font-weight-medium);

  --tree-input-height: calc(var(--tree-item-height) - var(--sp-4));
  --tree-input-padding-inline: var(--sp-4);
  --tree-input-bg: var(--surface-raised);
  --tree-input-border: var(--border-default);
  --tree-input-border-focus: var(--border-strong);
  --tree-input-focus-ring: var(--focus-ring);
  --tree-add-fg: var(--fg-muted);
  --tree-add-font-size: var(--font-size-13);
  --tree-add-reach: 14px;
  --tree-add-rule-size: 24px;
  --tree-add-rule-fg: var(--border-default);

  --tree-ai-fg: var(--ai-text);
  --tree-ai-bg: var(--ai-subtle);
  --tree-ai-border: var(--ai-border);
  --tree-ai-mark-size: var(--tree-icon-size);

  --tree-item-fg: var(--fg-secondary);
  --tree-item-fg-hover: var(--fg-primary);
  --tree-item-bg-hover: var(--surface-hover);
  --tree-item-fg-active: var(--fg-primary);
  --tree-item-shadow-active: 0 0 0 0 transparent;
  --tree-item-bg-active: var(--surface-hover);
  --tree-item-fg-muted: var(--fg-muted);
  --tree-item-fg-meta: var(--fg-muted);
  --tree-meta-font-size: var(--font-size-12);
  --tree-item-line-height: var(--tree-twisty-size);
  --tree-sub-font-size: var(--font-size-12);
  --tree-sub-line-height: 16px;
  --tree-stack-padding-block: var(--sp-4);
  --tree-leading-fg: var(--fg-faint);
  --tree-leading-opacity-muted: 0.5;

  --tree-icon-size: 16px;
  --tree-twisty-size: 20px;
  --tree-control-radius: var(--radius-sm);
  --tree-chevron-size: 14px;
  --tree-twisty-fg: var(--fg-muted);
  --tree-twisty-fg-hover: var(--fg-primary);
  --tree-twisty-bg-hover: var(--surface-hover-strong);
  /* Quieter than a chevron: it marks the column, it does not offer anything. */
  --tree-twisty-fg-leaf: var(--fg-faint);

  --tree-trailing-gap: var(--sp-2);

  --tree-spinner-size: 12px;
  --tree-spinner-width: 2px;
  --tree-spinner-fg: var(--fg-muted);
}
body {
  --workspace-item-gap: var(--sp-10);
  --workspace-item-name-size: var(--font-size-14);
  --workspace-item-domain-size: var(--font-size-12);
  --workspace-item-domain-fg: var(--fg-muted);
  --workspace-item-check-fg: var(--fg-accent);

  --workspace-item-padding: var(--sp-12);
  --workspace-item-radius: var(--radius-lg);
  --workspace-item-fg: var(--btn-outline-fg);
  --workspace-item-bg: var(--btn-outline-bg);
  --workspace-item-bg-hover: var(--btn-outline-bg-hover);
  --workspace-item-border: var(--btn-outline-border);
  --workspace-item-border-hover: var(--btn-outline-border-hover);
  --workspace-item-bg-selected: var(--surface-hover);
}
/* 4 — layout (ekran ölçüleri; bileşen değil) */
body {
  --app-min-inline-size: 980px;

  --app-block-size: 100vh;

  --app-tracking: -0.6px;
}
body {
  --board-header-block-size: 50px;

  --board-rail-min-inline-size: 270px;

  --board-rail-inline-size: 0%;

  --board-aside-min-inline-size: 280px;

  --board-measure-inline-size: 767px;
  --board-measure-wide-inline-size: 960px;

  --board-measure-gutter: var(--sp-24);

  --board-measure-column: calc(var(--board-measure-inline-size) + 2 * var(--board-measure-gutter));
  --board-measure-wide-column: calc(
    var(--board-measure-wide-inline-size) + 2 * var(--board-measure-gutter)
  );

  --board-measure-min-inline-size: 480px;
  --board-measure-min-column: calc(
    var(--board-measure-min-inline-size) + 2 * var(--board-measure-gutter)
  );

  --board-dock-rail-below: calc(
    var(--board-rail-min-inline-size) + var(--board-measure-min-column)
  );
  --board-dock-aside-below: calc(
    var(--board-dock-rail-below) + var(--board-aside-min-inline-size)
  );
}
html {
  block-size: 100%;
}

body {
  margin: 0;
  padding: 0;
  block-size: 100%;
  background-color: var(--surface-page);
  color: var(--fg-primary);
  font-family: var(--font-family-sans);
  letter-spacing: var(--app-tracking);
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}

body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}

:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}

body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}

:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}

body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}

:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}

:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}

:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

.ms-scroll::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-scroll::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-scroll::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-scroll::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
  .ms-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }
  .ms-scroll:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
  }
}

.ms-scroll--stable {
  scrollbar-gutter: stable;
}
.ms-scroll--stable::-webkit-scrollbar {
  inline-size: var(--scrollbar-size);
  block-size: var(--scrollbar-size);
}
.ms-scroll--stable::-webkit-scrollbar-track {
  margin: var(--scrollbar-track-inset);
  background: var(--scrollbar-track);
}
.ms-scroll--stable::-webkit-scrollbar-thumb {
  border: var(--scrollbar-inset) solid transparent;
  border-radius: var(--scrollbar-radius);
  background: var(--scrollbar-thumb);
  background-clip: content-box;
}
.ms-scroll--stable::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: content-box;
}
.ms-scroll--stable::-webkit-scrollbar-corner {
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
  .ms-scroll--stable {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  }
  .ms-scroll--stable:hover {
    scrollbar-color: var(--scrollbar-thumb-hover) var(--scrollbar-track);
  }
}
/* Border Radius */
/* Border Oval */
/* Border Circle */
/* Animation */
:root {
  /* Transparent */
  --transparent: transparent;
  /* Light White */
  --light-100: #FFFFFF;
  --light-200: #FBFBFC;
  --light-300: #F4F5F7;
  --light-rgb: 255, 255, 255;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #333333;
  --dark-200: #0D0A1A;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #000000;
  /* Accent Colors */
  --accent-10: #F1F0FA;
  --accent-20: #EEE5FE;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Neutral Shades */
  --neutral-50: #EEEEEE;
  --neutral-100: #E7E8EE;
  --neutral-200: #BABDCD;
  --neutral-300: #999CAF;
  --neutral-400: #717488;
  /* Dark with Opacity */
  --dark-opacity-05: rgba(15, 15, 15, 0.05);
  --dark-opacity-10: rgba(15, 15, 15, 0.1);
  --dark-opacity-20: rgba(15, 15, 15, 0.2);
  --dark-opacity-30: rgba(0, 0, 0, 0.3);
  /* Yellow */
  --yellow-10: #FFFAF4;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #d9fefd;
  --teal-20: #b7f0ef;
  --teal-100: #1fc9c7;
  --teal-200: #19a9a7;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(197, 247, 246) 100%);
  /* Green */
  --green-10: #EDFFED;
  --green-20: #AFE8C7;
  --green-100: #2ECC71;
  --green-200: #22BF65;
  --green-300: #1B8649;
  /* Blue */
  --blue-10: #E5F7FF;
  --blue-20: #C5EDFF;
  --blue-200: #3e94bb;
  /* Red */
  --red-10: #ffdde3;
  --red-20: #ffbbc8;
  --red-100: #F54B69;
  --red-200: #D04560;
  /* Cyan */
  --cyan-100: #1D6C64;
  --cyan-200: #154D47;
  /* Orange */
  --orange-10: #fff9e5;
  --orange-20: #ffe9c5;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #bb863e;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(255, 238, 214) 100%);
  /* Jira */
  --jira-10: #ecf4ff;
  --jira-20: #d3e6ff;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}

body.dark {
  /* Light White */
  --light-100: #191919;
  --light-200: #292929;
  --light-300: #242323 ;
  --light-rgb: 25, 25, 25;
  --light-linear: linear-gradient( 90deg, rgba(var(--light-rgb), 0) 0%, rgba(var(--light-rgb), 0.2) 20%, rgba(var(--light-rgb), 0.5) 60%, rgba(var(--light-rgb), 0) 100% );
  /* Dark Black */
  --dark-100: #FFFFFF;
  --dark-200: #FBFBFC;
  --dark-200-fixed: #0D0A1A;
  --dark-300: #F4F5F7;
  /* Neutral Shades */
  --neutral-50: #202020;
  --neutral-100: #302F2F;
  --neutral-200: #5f5f5f;
  --neutral-300: #616060;
  --neutral-400: #8C8A8A;
  /* Accent Colors */
  --accent-10: #201f3b;
  --accent-20: #3F3B57;
  --accent-30: #5A4DC2;
  --accent-100: #3312F5;
  --accent-200: #1800A8;
  --accent-linear: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(98.94deg, #00bcff 0.87%, #814bf6 57.85%);
  /* Blue */
  --blue-10: #1f4d62;
  --blue-20: #3989ae;
  --blue-200: #88daff;
  /* Red */
  --red-10: #362d2e;
  --red-20: #64303a;
  --red-100: #F54B69;
  --red-200: #bf2d4a;
  /* Orange */
  --orange-10: #3D3224;
  --orange-20: #50412e;
  --orange-30: #FFDBA7;
  --orange-100: #FF9800;
  --orange-200: #ED7513;
  --orange-300: #D89C6E;
  --orange-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(89, 66, 34) 100%);
  /* Yellow */
  --yellow-10: #342e23;
  --yellow-200: #FF9E28;
  /* Teal */
  --teal-10: #252f2e;
  --teal-20: #28504b;
  --teal-100: #1fc9c7;
  --teal-200: #3fada1;
  --teal-linear: linear-gradient(180deg, rgba(255, 238, 214, 0) 20%, rgb(39, 120, 118) 100%);
  /* Jira */
  --jira-10: #222b38;
  --jira-20: #35455d;
  --jira-100: #2684FF;
  --jira-200: #2C5FD8;
  /* Code */
  --code-comment:var(--text-neutral);
  --code-accent: var(--text-success-dark);
  --code-dark: var(--text-dark);
  --code-secondary: var(--text-blue);
}

:root {
  /* Box Shadows */
  --shadow-xs: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 0 1px var(--neutral-50);
  --shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  --shadow-md: 0 0 10px 0px rgba(0, 0, 0, 0.15);
  --shadow-lg: rgba(15, 15, 15, 0.05) 0 0 0 1px,
  rgba(15, 15, 15, 0.1) 0 3px 6px,
  rgba(15, 15, 15, 0.2) 0 9px 24px;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}

body.dark {
  /* Box Shadows */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --box-shadow-lg-accent: none;
  --shadow-xs-orange: 0 0 0 2px rgba(255, 140, 0, 0.3);
  --shadow-xs-teal: 0 0 0 2px rgba(31, 201, 199, 0.3);
  --shadow-outline: 0 0 0 3px rgba(13, 110, 253, 0.25);
  --shadow-outline-accent: 0 0 0 2px rgba(51, 18, 245, 0.25);
}

:root,
body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: var(--accent-100);
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--light-100);
  /* Default Font Size */
  font-size: var(--fs-16);
  /* Font Sizes for Scalability and Responsiveness */
  --fs-10: 0.625rem; /* 10px */
  --fs-11: 0.6875rem; /* 11px */
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.813rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px (default size) */
  --fs-18: 1.125rem; /* 18px */
  --fs-20: 1.25rem; /* 20px */
  --fs-24: 1.5rem; /* 24px */
  --fs-28: 1.75rem; /* 28px */
  --fs-32: 2rem; /* 32px */
  --fs-48: 3rem; /* 48px */
}

body.dark {
  /* Text */
  --text-light: var(--light-100);
  --text-dark: var(--dark-200);
  --text-accent: #bfbdf5;
  --text-accent-ai: var(--accent-30);
  --text-accent-linear: var(--accent-linear);
  --text-neutral: var(--neutral-400);
  --text-neutral-light: var(--neutral-300);
  --text-neutral-lighter: var(--neutral-200);
  --text-success: var(--green-100);
  --text-success-dark: var(--green-200);
  --text-blue: var(--blue-200);
  --text-teal: var(--teal-200);
  --text-orange: var(--orange-300);
  --text-red: var(--red-200);
  --text-jira: var(--jira-200);
  --text-light-fixed: var(--dark-100);
}

:root,
body.dark {
  /* Default Border */
  --border-light: var(--light-300);
  --border-dark: var(--dark-100);
  /* Neutral Border */
  --border-neutral: var(--neutral-100);
  --border-neutral-dark: var(--neutral-200);
  --border-neutral-darker: var(--neutral-400);
  /* Accent Border */
  --border-accent: var(--accent-10);
  --border-accent-dark: var(--accent-100);
  --border-accent-darker: var(--accent-200);
  /* Colorful Border */
  --border-orange-dark: var(--orange-100);
  --border-teal-dark: var(--teal-100);
  --border-blue: var(--blue-20);
  --border-blue-darker: var(--blue-200);
  --border-red-darker: var(--red-200);
  --border-teal-darker: var(--teal-200);
}

:root {
  /* Base unit for calculations */
  --space-base: 1rem; /* 16px */
  /* Core Positive Spacing Scale */
  --space-0: calc(var(--space-base) * 0); /* 0px */
  --space-1: calc(var(--space-base) * 0.0625); /* 1px */
  --space-2: calc(var(--space-base) * 0.125); /* 2px */
  --space-4: calc(var(--space-base) * 0.25); /* 4px */
  --space-6: calc(var(--space-base) * 0.375); /* 6px */
  --space-8: calc(var(--space-base) * 0.5); /* 8px */
  --space-10: calc(var(--space-base) * 0.625); /* 10px */
  --space-12: calc(var(--space-base) * 0.75); /* 12px */
  --space-14: calc(var(--space-base) * 0.875); /* 14px */
  --space-16: calc(var(--space-base) * 1); /* 16px */
  --space-18: calc(var(--space-base) * 1.125); /* 18px */
  --space-22: calc(var(--space-base) * 1.375); /* 22px */
  --space-20: calc(var(--space-base) * 1.25); /* 20px */
  --space-24: calc(var(--space-base) * 1.5); /* 24px */
  --space-30: calc(var(--space-base) * 1.875); /* 30px */
  --space-32: calc(var(--space-base) * 2); /* 32px */
  --space-34: calc(var(--space-base) * 2.125); /* 34px */
  --space-36: calc(var(--space-base) * 2.25); /* 36px */
  --space-38: calc(var(--space-base) * 2.375); /* 38px */
  --space-40: calc(var(--space-base) * 2.5); /* 40px */
  --space-44: calc(var(--space-base) * 2.75); /* 44px */
  --space-48: calc(var(--space-base) * 3); /* 48px */
  --space-58: calc(var(--space-base) * 3.625); /* 58px */
  --space-64: calc(var(--space-base) * 4); /* 64px */
  --space-68: calc(var(--space-base) * 4.25); /* 68px */
  /* Core Negative Spacing Scale */
  --space-negative-1: calc(var(--space-base) * -0.0625); /* -1px */
  --space-negative-2: calc(var(--space-base) * -0.125); /* -2px */
  --space-negative-4: calc(var(--space-base) * -0.25); /* -4px */
  --space-negative-6: calc(var(--space-base) * -0.375); /* -6px */
  --space-negative-8: calc(var(--space-base) * -0.5); /* -8px */
  --space-negative-10: calc(var(--space-base) * -0.625); /* -10px */
  --space-negative-12: calc(var(--space-base) * -0.75); /* -12px */
  --space-negative-14: calc(var(--space-base) * -0.875); /* -14px */
  --space-negative-16: calc(var(--space-base) * -1); /* -16px */
  --space-negative-18: calc(var(--space-base) * -1.125); /* -18px */
  --space-negative-20: calc(var(--space-base) * -1.25); /* -20px */
  --space-negative-22: calc(var(--space-base) * -1.375); /* -22px */
  --space-negative-24: calc(var(--space-base) * -1.5); /* -24px */
  --space-negative-30: calc(var(--space-base) * -1.875); /* -30px */
  --space-negative-32: calc(var(--space-base) * -2); /* -32px */
  --space-negative-34: calc(var(--space-base) * -2.125); /* -34px */
  --space-negative-36: calc(var(--space-base) * -2.25); /* -36px */
  --space-negative-38: calc(var(--space-base) * -2.375); /* -38px */
  --space-negative-40: calc(var(--space-base) * -2.5); /* -40px */
  --space-negative-44: calc(var(--space-base) * -2.75); /* -44px */
  --space-negative-48: calc(var(--space-base) * -3); /* -48px */
  --space-negative-58: calc(var(--space-base) * -3.625); /* -58px */
  --space-negative-64: calc(var(--space-base) * -4); /* -64px */
  --space-negative-68: calc(var(--space-base) * -4.25); /* -68px */
}

:root {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--light-300);
  --layout-sidebar-grey-border: var(--light-300);
  --layout-screen-bg: var(--neutral-200);
  /* Loading Logo */
  --loading-logo: var(--dark-300);
  /* Overlay */
  --overlay-bg: var(--light-100);
  --overlay-dark-bg: var(--dark-300);
  --overlay-border: var(--light-300);
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: var(--light-300);
  --item-grey-border-hover: var(--neutral-100);
  --item-grey-bg-disabled: var(--light-200);
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--neutral-100);
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-accent);
  --button-accent-dark-text: var(--text-accent);
  --button-neutral-text: var(--text-neutral);
  --button-neutral-lighter-text: var(--text-neutral-lighter);
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-200);
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--neutral-100);
  --button-tree-bg-active: var(--light-100);
  --button-tree-border-active: var(--transparent);
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: var(--light-100);
  --button-vertical-menu-border-active: var(--transparent);
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-20);
  /* Button Tab */
  --button-tab-bg: var(--light-100);
  --button-tab-border: var(--light-300);
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: var(--dark-200);
  --toaster-border: var(--dark-200);
  --toaster-text: var(--text-light);
  /* Tooltip */
  --tooltip-bg: var(--dark-200);
  --tooltip-border: var(--dark-100);
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-100);
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: var(--green-10);
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--light-100);
  --dropdown-border: var(--light-100);
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: var(--light-100);
  --card-light-secondary-bg: var(--light-100);
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: var(--dark-200);
  --card-light-accent-bg: var(--accent-10);
  --card-border: var(--light-100);
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--light-100);
  --theme-text: var(--text-dark);
  --theme-dark-bg: var(--dark-300);
  --theme-light-text: var(--text-light);
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-light);
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

body.dark {
  /* Layout */
  --layout-bg: var(--light-100);
  --layout-sidebar-bg: var(--light-100);
  --layout-sidebar-grey-bg: var(--neutral-50); /* CUSTOM */
  --layout-sidebar-grey-border: #2B2B2B; /* CUSTOM */
  --layout-screen-bg: var(--light-100); /* CUSTOM */
  /* Loading Logo */
  --loading-logo: var(--neutral-50); /* CUSTOM */
  /* Overlay */
  --overlay-bg: var(--neutral-50); /* CUSTOM */
  --overlay-border: #2B2B2B; /* CUSTOM */
  /* Modal */
  --modal-bg-dark: var(--dark-200-fixed);
  /* Item */
  --item-blue-bg-hover: var(--blue-10);
  --item-blue-border-hover: var(--blue-20);
  --item-grey-bg-hover: #2C2C2C; /* CUSTOM */
  --item-grey-border-hover: #373737; /* CUSTOM */
  --item-grey-bg-disabled: #373737; /* CUSTOM */
  /* Forms */
  --form-bg: var(--light-300);
  --form-border: var(--neutral-100);
  --form-bg-hover: var(--light-300);
  --form-border-hover: var(--light-300);
  --form-bg-focus: var(--light-100);
  --form-border-focus: var(--light-100);
  --form-bg-light: var(--light-100);
  --form-bg-light-hover: var(--light-100);
  --form-shadow-outline: var(--shadow-outline);
  --form-check-radio-bg: var(--light-100);
  --form-check-radio-border: var(--dark-100); /* CUSTOM */
  /* Input Tree */
  --input-tree-bg: var(--light-100);
  --input-tree-border: var(--light-100);
  --input-tree-bg-hover: var(--light-100);
  --input-tree-border-hover: var(--light-100);
  --input-tree-bg-focus: var(--light-100);
  --input-tree-border-focus: var(--light-100);
  --input-tree-shadow-outline: var(--shadow-outline);
  --input-tree-shadow-accent-outline: var(--shadow-outline-accent);
  --input-tree-bg-disabled: var(--light-300);
  /* Button Text */
  --button-light-text: var(--text-light-fixed);
  --button-dark-text: var(--text-dark);
  --button-accent-text: var(--text-dark); /* CUSTOM */
  --button-accent-dark-text: var(--text-dark); /* CUSTOM */
  --button-neutral-text: var(--text-neutral-light); /* CUSTOM */
  /* Button White */
  --button-white-bg: var(--light-100);
  --button-white-bg-hover: var(--light-300);
  --button-white-border: var(--border-light);
  /* Button Accent */
  --button-accent-bg: var(--accent-100);
  --button-accent-bg-hover: var(--accent-200);
  --button-accent-border: var(--accent-200);
  --button-accent-light-border: var(--accent-100);
  /* Button Accent Light */
  --button-accent-light-bg: var(--accent-10);
  --button-accent-light-bg-hover: var(--accent-20);
  /* Button Neutral & Silent */
  --button-neutral-bg: var(--light-300);
  --button-neutral-bg-hover: var(--neutral-100);
  --button-neutral-border: var(--neutral-100);
  /* Button Neutral Light */
  --button-neutral-light-bg: var(--light-100);
  --button-neutral-light-bg-hover: var(--light-300);
  --button-neutral-light-border: var(--neutral-100);
  /* Button Neutral Sitemap */
  --button-neutral-sitemap-bg: var(--light-100);
  --button-neutral-sitemap-bg-hover: var(--neutral-100);
  --button-neutral-sitemap-border: var(--neutral-100);
  /* Button Danger */
  --button-danger-bg: var(--red-100);
  --button-danger-bg-hover: var(--red-200);
  --button-danger-border: var(--red-200);
  --button-danger-text: var(--text-light-fixed);
  /* Button Tree Component */
  --button-tree-bg: var(--transparent);
  --button-tree-bg-hover: var(--light-300);
  --button-tree-sitemap-bg: var(--transparent);
  --button-tree-sitemap-bg-hover: var(--light-300); /* CUSTOM */
  --button-tree-border: var(--transparent);
  --button-tree-border-hover: var(--neutral-100);
  --button-tree-sitemap-border: var(--transparent);
  --button-tree-sitemap-border-hover: var(--light-300); /* CUSTOM */
  --button-tree-bg-active: #2C2C2C; /* CUSTOM */
  --button-tree-border-active: #373737; /* CUSTOM */
  --button-tree-shadow: var(--shadow-xs);
  /* Button Tree Action Component */
  --button-tree-action-bg: var(--transparent);
  --button-tree-action-border: var(--transparent);
  --button-tree-action-bg-hover: var(--light-100);
  --button-tree-action-border-hover: var(--neutral-100);
  --button-tree-action-sitemap-bg-hover: var(--light-300);
  --button-tree-action-sitemap-border-hover: var(--neutral-100);
  --button-tree-action-text: var(--neutral-300);
  --button-tree-action-text-hover: var(--dark-200);
  /* Vertical Menu Component */
  --button-vertical-menu-sitemap-bg: var(--transparent);
  --button-vertical-menu-sitemap-border: var(--transparent);
  --button-vertical-menu-sitemap-bg-hover: var(--light-200);
  --button-vertical-menu-sitemap-border-hover: var(--neutral-100);
  --button-vertical-menu-bg-active: #2C2C2C; /* CUSTOM */
  --button-vertical-menu-border-active: #373737; /* CUSTOM */
  --button-vertical-menu-shadow: var(--shadow-xs);
  /* Button Info */
  --button-info-bg: var(--transparent);
  --button-info-border: var(--transparent);
  --button-info-bg-hover: var(--light-100);
  --button-info-border-hover: var(--neutral-100);
  /* Button Tag AI */
  --button-ai-tag-light-bg: var(--accent-10);
  --button-ai-tag-accent-bg-hover: var(--accent-100);
  --button-ai-tag-accent-light-border: var(--accent-100); /* CUSTOM */
  /* Button Tab */
  --button-tab-bg: var(--transparent); /* CUSTOM */
  --button-tab-border: var(--neutral-300); /* CUSTOM */
  --button-tab-border-hover: var(--dark-200);
  /* Button Key */
  --button-key-bg: var(--light-100);
  --button-key-border: var(--neutral-100);
  --button-key-bg-hover: var(--neutral-100);
  --button-key-border-hover: var(--neutral-100);
  /* Toaster */
  --toaster-bg: #2C2C2C; /* CUSTOM */
  --toaster-border: #373737; /* CUSTOM */
  --toaster-text: var(--text-dark); /* CUSTOM */
  /* Tooltip */
  --tooltip-bg: #2C2C2C; /* CUSTOM */
  --tooltip-border: #373737; /* CUSTOM */
  /* Tag Blue */
  --tag-blue-bg: var(--blue-10);
  --tag-blue-border: var(--blue-20);
  --tag-blue-text: var(--text-blue);
  /* Tag Accent */
  --tag-accent-bg: var(--accent-10);
  --tag-accent-border: var(--accent-20);
  --tag-accent-text: var(--text-accent);
  /* Tag Neutral */
  --tag-neutral-bg: var(--light-300);
  --tag-neutral-light-bg: var(--light-100);
  --tag-neutral-border: var(--neutral-200); /* CUSTOM */
  --tag-neutral-text: var(--text-neutral);
  /* Tag Orange */
  --tag-orange-bg: var(--orange-10);
  --tag-orange-border: var(--orange-20);
  --tag-orange-text: var(--text-orange);
  /* Tag Red */
  --tag-red-bg: var(--red-10);
  --tag-red-border: var(--red-20);
  --tag-red-text: var(--text-red);
  /* Tag Teal */
  --tag-teal-bg: var(--teal-10);
  --tag-teal-border: var(--teal-20);
  --tag-teal-text: var(--text-teal);
  /* Tag White */
  --tag-white-bg: var(--light-100);
  --tag-white-border: var(--neutral-100);
  --tag-white-text: var(--text-dark);
  /* Tag Counter */
  --tag-counter-bg: var(--light-300);
  --tag-counter-border: var(--neutral-100);
  /* Tag Create */
  --tag-create-bg: var(--light-100);
  --tag-create-border: var(--neutral-100);
  /* Tag Form */
  --tag-form-bg: var(--light-100);
  --tag-form-border: var(--neutral-100);
  --tag-form-bg-hover: var(--light-300);
  --tag-form-border-hover: var(--neutral-100);
  /* Application Details Steps */
  --steps-app-details-bg: #254525; /* CUSTOM */
  --steps-app-details-bg-active: var(--green-100);
  --steps-app-details-border: var(--green-100);
  --steps-app-details-neutral-border: var(--neutral-100);
  /* Application Details Summary */
  --steps-app-details-summary-bg: var(--light-300);
  --steps-app-details-summary-border: var(--neutral-100);
  --steps-app-details-summary-accent-bg: var(--accent-10);
  --steps-app-details-summary-accent-border: var(--accent-100);
  /* Dropdown */
  --dropdown-bg: var(--neutral-50); /* CUSTOM */
  --dropdown-border: #2f2f2f; /* CUSTOM */
  --dropdown-shadow: var(--shadow-lg);
  /* Card */
  --card-bg: #222222; /* CUSTOM */
  --card-light-secondary-bg: var(--light-300); /* CUSTOM */
  --card-light-bg: var(--light-300);
  --card-templates-bg: var(--light-100);
  --card-dark-bg: #000000; /* CUSTOM */
  --card-light-accent-bg: #222222; /* CUSTOM */
  --card-border: #2f2f2f; /* CUSTOM */
  --card-shadow: var(--shadow-xs);
  --card-shadow-active: var(--shadow-lg);
  /* Card Upgrade */
  --upgrade-card-bg: var(--yellow-10);
  --upgrade-card-white-bg: var(--light-100);
  --upgrade-card-border: var(--neutral-100);
  --upgrade-card-border-highlight: var(--yellow-200);
  --upgrade-card-shadow: var(--shadow-lg);
  --upgrade-card-overlay: var(--dark-opacity-30);
  /* Theme */
  --theme-bg: var(--dark-100); /* CUSTOM */
  --theme-text: var(--text-light); /* CUSTOM */
  --theme-dark-bg: var(--neutral-50); /* CUSTOM */
  --theme-light-text: var(--text-dark); /* CUSTOM */
  --theme-grey-text: var(--text-neutral);
  --theme-dark-text: var(--text-dark); /* CUSTOM */
  /* Color Palette */
  --palette-purple-color-light: #8777D9;
  --palette-purple-color-dark: #5243AA;
  --palette-blue-color-light: #2684FF;
  --palette-blue-color-dark: #0052CC;
  --palette-green-color-light: #7CD5A7;
  --palette-green-color-dark: #00875A;
  --palette-teal-color-light: #00C7E6;
  --palette-teal-color-dark: #00A3BF;
  --palette-yellow-color-light: #FFC400;
  --palette-yellow-color-dark: #FF991F;
  --palette-red-color-light: #FF7452;
  --palette-red-color-dark: #DE350B;
  --palette-grey-color-light: #6B778C;
  --palette-grey-color-dark: #253858;
  /* Password */
  --password-strength-default: #F4F5F7;
  --password-strength-risky: #F54B69;
  --password-strength-guessable: #FB964D;
  --password-strength-weak: #FDD244;
  --password-strength-secure: #B0DC53;
  --password-strength-safe: #35CC62;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 2rem;
}

dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

figure {
  margin: 0 0 1rem;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
[role=button] {
  cursor: pointer;
}

textarea {
  resize: vertical;
}

img,
svg {
  vertical-align: middle;
}

label {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

:root {
  --bs-teal: #20c997;
  --bs-pink: #d63384;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
}
.container,
.container-fluid {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
body.modal-open {
  overflow: hidden !important;
}
body.boards {
  overflow: hidden;
}
body .theme-light {
  display: flex;
}
body .theme-dark {
  display: none;
}
body.dark .theme-light {
  display: none;
}
body.dark .theme-dark {
  display: flex;
}
body.dark .overlay-loading {
  background-color: rgba(0, 0, 0, 0.85);
}
body.dark .ce-block--selected .ce-block__content {
  background: #2c404f;
}
body.dark .btn--ms.btn--draggable {
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23FFFFFF'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23FFFFFF'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23FFFFFF'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23FFFFFF'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23FFFFFF'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23FFFFFF'/%3e%3c/svg%3e") !important;
}
body.dark .ce-smart-block--header.open h3::after {
  background-image: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.60795 0.140625C5.8125 -0.046875 6.1875 -0.046875 6.39205 0.140625L11.8466 5.14063C12.0511 5.32813 12.0511 5.67188 11.8466 5.85938C11.642 6.04688 11.267 6.04688 11.0625 5.85938L6.01705 1.20313L0.9375 5.85938C0.732955 6.04688 0.357955 6.04688 0.153409 5.85938C-0.0511364 5.67188 -0.0511364 5.32813 0.153409 5.14063L5.60795 0.140625Z" fill="%230D0A1A"/><path d="M5.60795 0.140625C5.8125 -0.046875 6.1875 -0.046875 6.39205 0.140625L11.8466 5.14063C12.0511 5.32813 12.0511 5.67188 11.8466 5.85938C11.642 6.04688 11.267 6.04688 11.0625 5.85938L6.01705 1.20313L0.9375 5.85938C0.732955 6.04688 0.357955 6.04688 0.153409 5.85938C-0.0511364 5.67188 -0.0511364 5.32813 0.153409 5.14063L5.60795 0.140625Z" fill="%23FFFFFF" fill-opacity="0.5"/></svg>');
}
body.dark .ce-smart-block--header.close h3::after {
  background-image: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.60795 5.85938L0.153409 0.859375C-0.0511364 0.671875 -0.0511364 0.328125 0.153409 0.140625C0.357955 -0.046875 0.732955 -0.046875 0.9375 0.140625L6.01705 4.79688L11.0625 0.140625C11.267 -0.046875 11.642 -0.046875 11.8466 0.140625C12.0511 0.328125 12.0511 0.671875 11.8466 0.859375L6.39205 5.85938C6.1875 6.04688 5.8125 6.04688 5.60795 5.85938Z" fill="%230D0A1A"/><path d="M5.60795 5.85938L0.153409 0.859375C-0.0511364 0.671875 -0.0511364 0.328125 0.153409 0.140625C0.357955 -0.046875 0.732955 -0.046875 0.9375 0.140625L6.01705 4.79688L11.0625 0.140625C11.267 -0.046875 11.642 -0.046875 11.8466 0.140625C12.0511 0.328125 12.0511 0.671875 11.8466 0.859375L6.39205 5.85938C6.1875 6.04688 5.8125 6.04688 5.60795 5.85938Z" fill="%23FFFFFF" fill-opacity="0.5"/></svg>');
}

.app-container {
  overflow-y: auto;
  height: 100%;
}

*,
*:focus,
*:hover {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-dark);
  font-weight: 600;
}

h1 {
  font-size: 1.8em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.83em;
  font-weight: normal;
}

h6 {
  font-size: 0.67em;
}

p {
  color: var(--text-dark);
  font-size: var(--fs-14);
  font-weight: 400;
}

a {
  color: var(--text-dark);
  text-decoration: none;
}
a:hover {
  color: var(--text-neutral);
}

b {
  font-weight: 600;
}

button:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}

input:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}

hr {
  border-top: 1px solid var(--border-neutral) !important;
  opacity: 1;
}

.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.center {
  text-align: center !important;
}

.uppercase {
  text-transform: uppercase !important;
}

[data-tooltip]:before {
  content: attr(data-tooltip);
  font-weight: 400 !important;
}

@media (max-width: 668px) {
  [data-tooltip]:before,
  [data-tooltip]:after {
    display: none !important;
  }
}

[data-tooltip] {
  display: flex;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}

/* Tooltip styling */
[data-tooltip]:before {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  background: var(--tooltip-bg);
  border: 1px solid var(--tooltip-border);
  color: var(--text-light-fixed);
  padding: 4px 8px;
  font-size: var(--fs-11);
  line-height: 1.4;
  text-align: center;
  border-radius: 6px;
  -webkit-text-stroke: 0.4px;
  letter-spacing: 0.2px;
  box-shadow: var(--shadow-lg);
}

/* Dynamic horizontal centering */
[data-tooltip-position=top]:before,
[data-tooltip-position=bottom]:before {
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* Dynamic vertical centering */
[data-tooltip-position=right]:before,
[data-tooltip-position=left]:before {
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-tooltip-position=top]:before {
  bottom: 100%;
  margin-bottom: 6px;
}

[data-tooltip-position=right]:before {
  left: 100%;
  margin-left: 6px;
}

[data-tooltip-position=bottom]:before {
  top: 100%;
  margin-top: 6px;
}

[data-tooltip-position=left]:before {
  right: 100%;
  margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position=top]:after,
[data-tooltip-position=bottom]:after {
  left: 50%;
  margin-left: -6px;
}

/* Dynamic vertical centering for the tooltip */
[data-tooltip-position=right]:after,
[data-tooltip-position=left]:after {
  top: 50%;
  margin-top: -6px;
}

[data-tooltip-position=top]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
}

[data-tooltip-position=right]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
}

[data-tooltip-position=bottom]:after {
  top: 100%;
  border-width: 0 6px 6px;
}

[data-tooltip-position=left]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
}

/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  z-index: 50;
}

.splitpanes {
  height: 100% !important;
}
.splitpanes.default-theme .splitpanes__pane {
  background-color: transparent !important;
  overflow: initial !important;
}
.splitpanes.default-theme .splitpanes__pane.pane-1 {
  z-index: 2;
  position: relative;
}
.splitpanes.default-theme .splitpanes__pane.pane-2 {
  z-index: 1;
  position: relative;
}

.validation-error {
  color: var(--red-100);
  font-size: var(--fs-12);
  margin: 10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.validation-error svg {
  margin-right: 5px;
}

.vertical-middle {
  display: flex;
  align-items: center;
}

.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-radius: 6px !important;
}

.container-fixed-992 {
  width: 992px;
  min-width: 992px;
  max-width: none !important;
  margin: var(--space-0);
  padding: 0 20px;
}

.container-fixed-768 {
  width: 768px;
  min-width: 768px;
  max-width: none !important;
  margin: var(--space-0);
  padding: 0 20px;
}

.fa-spin-animation {
  margin-right: 5px;
  -webkit-animation: fa-spin 2s linear infinite;
  animation: fa-spin 2s linear infinite;
}

@keyframes fa-spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.lucide {
  width: 1em;
  height: 1em;
}

/* `<fa ... spin>` prop'undan gelen ikonlar için margin'siz dönme. */
.lucide-spin {
  animation: fa-spin 2s linear infinite;
}

.scrollbar {
  /* width */
}
.scrollbar::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.scrollbar {
  /* Track */
}
.scrollbar::-webkit-scrollbar-track {
  background: var(--light-300);
}
.scrollbar {
  /* Handle */
}
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--light-300);
}
.scrollbar {
  /* Handle on hover */
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.scrollbar:hover {
  /* width */
}
.scrollbar:hover::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.scrollbar:hover {
  /* Track */
}
.scrollbar:hover::-webkit-scrollbar-track {
  background: var(--neutral-100);
}
.scrollbar:hover {
  /* Handle */
}
.scrollbar:hover::-webkit-scrollbar-thumb {
  background: var(--neutral-200);
  border-radius: 20px;
  padding: 2px;
}
.scrollbar:hover {
  /* Handle on hover */
}
.scrollbar:hover::-webkit-scrollbar-thumb:hover {
  background: var(--neutral-300);
}

.scrollbar-sidebar {
  /* width */
}
.scrollbar-sidebar::-webkit-scrollbar {
  width: 8px;
}
.scrollbar-sidebar {
  /* Track */
}
.scrollbar-sidebar::-webkit-scrollbar-track {
  background: var(--light-200);
}
.scrollbar-sidebar {
  /* Handle */
}
.scrollbar-sidebar::-webkit-scrollbar-thumb {
  background: var(--light-200);
}
.scrollbar-sidebar {
  /* Handle on hover */
}
.scrollbar-sidebar::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.scrollbar-sidebar:hover {
  /* width */
}
.scrollbar-sidebar:hover::-webkit-scrollbar {
  width: 8px;
}
.scrollbar-sidebar:hover {
  /* Track */
}
.scrollbar-sidebar:hover::-webkit-scrollbar-track {
  background: var(--light-200);
}
.scrollbar-sidebar:hover {
  /* Handle */
}
.scrollbar-sidebar:hover::-webkit-scrollbar-thumb {
  background: var(--neutral-100);
  border-radius: 20px;
  padding: 2px;
}
.scrollbar-sidebar:hover {
  /* Handle on hover */
}
.scrollbar-sidebar:hover::-webkit-scrollbar-thumb:hover {
  background: var(--neutral-100);
}

.hidden-scrollbar-sidebar {
  overflow: hidden !important;
}

.scrollbar-search {
  /* width */
}
.scrollbar-search::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.scrollbar-search {
  /* Track */
}
.scrollbar-search::-webkit-scrollbar-track {
  background: var(--light-300);
}
.scrollbar-search {
  /* Handle */
}
.scrollbar-search::-webkit-scrollbar-thumb {
  background: var(--neutral-300);
  border-radius: 20px;
  padding: 2px;
}
.scrollbar-search {
  /* Handle on hover */
}
.scrollbar-search::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.scrollbar-search:hover {
  /* width */
}
.scrollbar-search:hover::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.scrollbar-search:hover {
  /* Track */
}
.scrollbar-search:hover::-webkit-scrollbar-track {
  background: var(--neutral-100);
}
.scrollbar-search:hover {
  /* Handle */
}
.scrollbar-search:hover::-webkit-scrollbar-thumb {
  background: var(--neutral-200);
  border-radius: 20px;
  padding: 2px;
}
.scrollbar-search:hover {
  /* Handle on hover */
}
.scrollbar-search:hover::-webkit-scrollbar-thumb:hover {
  background: var(--neutral-300);
}

.modal-body {
  color: var(--text-dark);
}
.modal-body p {
  display: flex;
  gap: var(--space-4);
}

.modal-body.scrollbar::-webkit-scrollbar-corner {
  background: var(--neutral-200);
}
.modal-body.scrollbar {
  /* width */
}
.modal-body.scrollbar::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.modal-body.scrollbar {
  /* Track */
}
.modal-body.scrollbar::-webkit-scrollbar-track {
  background: var(--neutral-200);
}
.modal-body.scrollbar {
  /* Handle */
}
.modal-body.scrollbar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  padding: 2px;
}
.modal-body.scrollbar {
  /* Handle on hover */
}
.modal-body.scrollbar::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.modal-body.scrollbar:hover {
  /* width */
}
.modal-body.scrollbar:hover::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
.modal-body.scrollbar:hover {
  /* Track */
}
.modal-body.scrollbar:hover::-webkit-scrollbar-track {
  background: var(--neutral-200);
}
.modal-body.scrollbar:hover {
  /* Handle */
}
.modal-body.scrollbar:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  padding: 2px;
}
.modal-body.scrollbar:hover {
  /* Handle on hover */
}
.modal-body.scrollbar:hover::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.p-datatable-responsive-scroll > .p-datatable-wrapper {
  overflow: initial !important;
}

/* loading */
.overlay-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 10px;
  transition: opacity 250ms ease 0s;
}

.loading-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.loading-box .icon-placeholder {
  color: var(--text-neutral-lighter);
  position: absolute;
  z-index: 1;
}
.loading-box .icon-upload {
  color: var(--text-neutral);
  position: absolute;
  z-index: 1;
}
.loading-box .loader-icon {
  color: var(--text-light);
  position: absolute;
  z-index: 1;
}
.loading-box .loader-icon.grey {
  color: var(--text-light);
}
.loading-box .loader {
  display: inline-block;
  width: 45px;
  height: 45px;
  border: 4px solid var(--dark-200);
  border-radius: 14px;
  animation: loader 3s infinite ease;
  overflow: hidden;
}
.loading-box .loader.no-animation {
  animation: none;
}
.loading-box .loader.grey {
  border: 0;
}
.loading-box .loader.full-dark {
  background-color: var(--text-dark);
  border: 4px solid var(--dark-200);
}
.loading-box .loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: var(--text-dark);
  animation: loader-inner 2s infinite ease-in;
}
.loading-box .logo-animation {
  animation: fadeInOutAnimation 4s linear infinite;
}

.loading-logo {
  margin-bottom: 30px;
  -webkit-animation: fadein 2s ease-in alternate infinite;
  -moz-animation: fadein 2s ease-in alternate infinite;
  animation: fadein 2s ease-in alternate infinite;
}

.datatable-members.datatable-features {
  border: 1px solid var(--neutral-100);
  border-radius: 6px;
  padding: 20px;
  padding-bottom: 20px !important;
}
.datatable-members.datatable-features .p-datatable-wrapper {
  margin-bottom: 0;
}
.datatable-members.datatable-features.first-table {
  padding: 20px 20px 0;
  border-bottom: 0px solid transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.datatable-members.datatable-features.middle-table {
  padding: 0 20px;
  border-radius: 0;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
}
.datatable-members.datatable-features.last-table {
  padding: 0 20px 20px;
  border-top: 0px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.datatable-members.datatable-features th {
  color: var(--text-neutral);
  text-transform: uppercase;
  font-size: var(--fs-12);
}
.datatable-members.datatable-features th:nth-child(2) .p-column-title {
  background-color: var(--bs-teal);
  color: var(--text-light);
  padding: 5px;
  border-radius: 6px;
  text-transform: none;
  font-size: var(--fs-14);
}
.datatable-members.datatable-features th:nth-child(3) .p-column-title {
  background-color: var(--accent-100);
  color: var(--text-light);
  padding: 5px;
  border-radius: 6px;
  text-transform: none;
  font-size: var(--fs-14);
}
.datatable-members.datatable-features th:nth-child(4) .p-column-title {
  background-color: var(--bs-pink);
  color: var(--text-light);
  padding: 5px;
  border-radius: 6px;
  text-transform: none;
  font-size: var(--fs-14);
}
.datatable-members.datatable-features td {
  padding: 15px 10px;
  color: var(--text-dark);
}
.datatable-members.datatable-features td:nth-child(1) {
  width: 40%;
}
.datatable-members.datatable-features td:nth-child(2) {
  width: 20%;
}
.datatable-members.datatable-features td:nth-child(3) {
  width: 20%;
}
.datatable-members.datatable-features td:nth-child(4) {
  width: 20%;
}
.datatable-members.datatable-features td .status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.datatable-members.datatable-features td .status .icon {
  font-size: var(--fs-16);
  color: var(--accent-100);
}
.datatable-members.datatable-features td .status .icon.jira {
  width: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.datatable-members.datatable-features td .status .icon.jira img {
  width: 15px;
}
.datatable-members.datatable-features td .status .icon.figma {
  width: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.datatable-members.datatable-features td .status .icon.figma img {
  width: 11px;
}

/* global splitter */
.p-splitter {
  height: 100%;
}

.p-splitter-panel {
  transition: flex-basis 300ms ease;
  display: flex;
  flex-direction: column;
}

.p-splitterpanel {
  overflow: unset !important;
}

#splitter-sitemap {
  transition: none !important;
  position: relative;
}

#splitter-main {
  flex-basis: calc(68.04% - 4px);
  transition: flex-basis 300ms ease;
  box-shadow: var(--shadow-lg);
  position: relative;
  height: 100vh;
  overflow-y: auto;
}

.p-splitter-panel-nested .p-splitter-gutter:before {
  border-right: 1px solid var(--border-light) !important;
}
.p-splitter-panel-nested .p-splitter-gutter {
  left: 10px;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 300ms ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

#splitter-main-left {
  transition: flex-basis 300ms ease;
  text-align: left;
  margin-right: -20px;
}

#splitter-main-right {
  transition: flex-basis 300ms ease;
  position: relative;
}

.splitter-main-scrollbar {
  overflow-y: auto;
}

.p-splitter-gutter {
  position: relative;
  width: 20px;
  right: -10px;
  margin-left: -20px;
}
.p-splitter-gutter:before {
  content: "";
  width: 3px;
  background: transparent;
  display: flex;
  height: 100%;
}
.p-splitter-gutter:hover:before {
  background-color: var(--accent-100);
}

.p-splitter-gutter-handle {
  position: absolute;
  width: 20px !important;
  height: 100% !important;
}

.splitter-sitemap {
  background: var(--light-200);
  height: 100%;
}

/* p-component */
.p-component,
.p-component * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.p-contextmenu {
  background-color: var(--dropdown-bg) !important;
  border: 1px solid var(--dropdown-border) !important;
  box-shadow: var(--card-shadow-active) !important;
  border-radius: 6px !important;
  width: 200px;
  padding: var(--space-8);
}
.p-contextmenu.animation {
  animation: dropdownMenuAnimation 0.06s ease-in forwards;
}
.p-contextmenu ul {
  margin: var(--space-0);
  padding: 0;
  list-style: none;
}
.p-contextmenu .p-menuitem {
  position: relative;
}
.p-contextmenu .dropdown-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 32px;
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  color: var(--text-dark);
  font-size: var(--fs-14);
  border-radius: 6px;
}
.p-contextmenu .dropdown-item:hover, .p-contextmenu .dropdown-item:focus {
  cursor: pointer;
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
  color: var(--text-dark);
}
.p-contextmenu .dropdown-item > .icon {
  width: 28px;
  margin-right: var(--space-8);
  font-size: var(--fs-14);
  color: var(--text-dark);
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-contextmenu .dropdown-item > .tree-content {
  width: 100%;
  font-size: var(--fs-14);
  white-space: initial;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.p-contextmenu .dropdown-item > .tree-content > h6 {
  font-size: var(--fs-14);
  font-weight: 400;
  margin: var(--space-0);
  line-height: 20px;
}
.p-contextmenu .dropdown-item > .tree-content > p {
  margin-bottom: 0;
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.p-contextmenu .dropdown-item > .arrow {
  width: 15px;
}
.p-contextmenu .dropdown-item.disabled {
  color: var(--text-neutral);
}
.p-contextmenu .dropdown-item.disabled svg {
  color: var(--text-neutral);
}
.p-contextmenu .dropdown-item.active {
  background-color: var(--light-100);
  color: var(--text-dark);
}
.p-contextmenu .p-menuitem-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  min-height: 32px;
}
.p-contextmenu .p-menuitem-link {
  padding: 0.25rem 1rem;
  color: var(--text-dark);
  border-radius: 0;
  user-select: none;
  font-size: var(--fs-14);
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background-color: var(--light-300);
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: var(--text-dark);
}
.p-contextmenu .p-menuitem-link .p-menuitem-icon {
  color: var(--text-dark);
  margin-right: 0.5rem;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
  color: var(--text-dark);
}
.p-contextmenu .p-menuitem-link .p-submenu-icon {
  margin-left: auto;
}
.p-contextmenu .p-submenu-list {
  padding: 0.25rem 0;
  background-color: var(--light-100);
  box-shadow: var(--shadow-lg) !important;
  border-radius: 6px !important;
  border: 0 none !important;
}
.p-contextmenu .p-menu-separator {
  border-top: 1px solid var(--neutral-200);
  margin: 0.25rem 0;
  opacity: 0.25;
}
.p-contextmenu .p-ink {
  display: block;
  position: absolute;
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}

/* he tree */
.vl-items {
  position: relative;
  overflow: inherit;
}

.he-tree {
  position: relative;
}

.drag-placeholder {
  background-color: var(--item-blue-bg-hover) !important;
  border: 1px dashed var(--item-blue-border-hover) !important;
  border-radius: 6px !important;
  min-height: 36px;
}

.tree-node--with-tree-line {
  position: relative;
}

.tree-line {
  position: absolute;
  background-color: #bbb;
}

.tree-vline {
  width: 1px;
  top: 0;
  bottom: 0;
}

.tree-hline {
  height: 1px;
  top: 50%;
  width: 10px;
}

.he-tree--rtl {
  direction: rtl;
}

.he-tree-drag-placeholder {
  background: var(--accent-10);
  border: 1px dashed var(--accent-20);
  height: 30px;
  width: 100%;
}

.he-tree__open-icon {
  cursor: pointer;
  user-select: none;
  display: inline-block;
}

.he-tree__open-icon.open {
  transform: rotate(90deg);
}

.he-tree__open-icon svg {
  width: 1em;
}

.splitter-only-sitemap {
  transition: flex-basis 300ms ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.splitter-only-sitemap .sidebar {
  width: 100%;
  background-color: var(--layout-sidebar-bg);
}
.splitter-only-sitemap .sidebar .sidebar-container {
  width: 920px;
  margin: 0 auto;
}
.splitter-only-sitemap .actionbar-margin {
  background-color: var(--light-100) !important;
}
.splitter-only-sitemap .tree-feature .actionbar-margin {
  background-color: var(--light-100) !important;
}

/* Sitemap */
.app-publish .sidebar {
  height: 100vh;
}

.sidebar {
  height: calc(100vh - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  position: sticky;
  top: 0;
  padding: 0 0 20px;
  background-color: var(--layout-sidebar-grey-bg);
  border-right: 1px solid var(--layout-sidebar-grey-border);
}
.sidebar .tree-feature .actionbar-margin {
  background-color: var(--layout-sidebar-grey-bg);
}

.splitter-sitemap-with-editor .actionbar-margin {
  background-color: var(--layout-sidebar-grey-bg) !important;
}
.splitter-sitemap-with-editor .project-headline {
  margin: var(--space-8) var(--space-16) var(--space-24) var(--space-16) !important;
}
.splitter-sitemap-with-editor .btn--neutral.btn--action-global {
  background-color: var(--button-neutral-sitemap-bg) !important;
  border: 1px solid var(--button-neutral-sitemap-border) !important;
}
.splitter-sitemap-with-editor .btn--neutral.btn--action-global:hover {
  background-color: var(--button-neutral-sitemap-bg-hover) !important;
  border: 1px solid var(--button-neutral-sitemap-border) !important;
}
.splitter-sitemap-with-editor .btn-default.btn-action-global-library:hover {
  background-color: var(--light-300) !important;
  border: 1px solid var(--light-300) !important;
}
.splitter-sitemap-with-editor .search-button {
  margin: 0 !important;
}
.splitter-sitemap-with-editor .search-button .search-input-box:hover {
  background-color: var(--light-100) !important;
  border: 1px solid var(--neutral-100) !important;
}
.splitter-sitemap-with-editor .search-button .search-input-box:hover .btn-action-global-search {
  background-color: transparent !important;
  border: 1px solid transparent !important;
}
.splitter-sitemap-with-editor .global-actionbar {
  padding: var(--space-0) var(--space-16) !important;
}
.splitter-sitemap-with-editor .tree-content .tags {
  padding: var(--space-0);
}
.splitter-sitemap-with-editor .section-application-details .tree-feature-tree {
  margin: var(--space-0) var(--space-16) var(--space-16) var(--space-16) !important;
}
.splitter-sitemap-with-editor .search-section.library {
  flex-direction: column;
  min-height: 400px;
}
.splitter-sitemap-with-editor .search-section.library .scrollbar-search {
  width: 100% !important;
}
.splitter-sitemap-with-editor .search-section.library .scrollbar-search.filter {
  width: 100% !important;
}
.splitter-sitemap-with-editor .search-section.library .settings-button {
  display: flex !important;
}
.splitter-sitemap-with-editor .search-section.library .import-from-library {
  padding: var(--space-16) var(--space-0) var(--space-16) !important;
}
.splitter-sitemap-with-editor .search-section.library .bulk-import {
  width: 100% !important;
}
.splitter-sitemap-with-editor .search-section.library .scrollbar-search.filter {
  display: none;
  background-color: var(--light-100);
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 99;
}
.splitter-sitemap-with-editor .search-section.library .scrollbar-search.filter.show {
  display: block !important;
  padding: var(--space-16) var(--space-16) var(--space-16) !important;
}

.section-headline {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: var(--space-6);
  position: relative;
}
.section-headline .icon {
  margin-right: var(--space-6);
  width: 52px;
  height: 52px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-32);
  color: var(--text-neutral);
  flex: none;
}
.section-headline .icon:hover {
  background-color: var(--light-300);
}
.section-headline .colorpalette {
  margin-right: var(--space-6);
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-headline.publish .colorpalette {
  width: auto;
}
@media (max-width: 968px) {
  .section-headline.publish .colorpalette {
    width: 29px;
    height: 55px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.section-headline.publish .headline h1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 0;
}
.section-headline.publish .headline h1:hover {
  background: transparent !important;
}
@media (max-width: 968px) {
  .section-headline.publish .headline h1 {
    font-size: 26px !important;
  }
}
.section-headline .headline {
  width: 100%;
  position: relative;
}
.section-headline .headline h1 {
  border: 0;
  width: 100%;
  padding: var(--space-8);
  font-size: var(--fs-32);
  font-weight: 600;
  letter-spacing: inherit;
  border-radius: 6px;
  margin: var(--space-0);
  min-height: 55px;
  color: var(--text-dark);
  outline: 0;
  border: 2px solid var(--light-100);
  word-break: break-word;
  background: var(--light-100);
  text-align: left;
  line-height: normal;
}
.section-headline .headline h1:hover {
  background-color: var(--light-300);
}
.section-headline .headline h1:focus {
  border-radius: 6px;
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
  outline: 0;
}
.section-headline .headline h1.placeholder {
  color: var(--text-neutral);
  cursor: pointer;
  opacity: 1;
}
.section-headline .headline h1.error {
  border: 2px solid var(--accent-100);
}
.section-headline .headline input,
.section-headline .headline textarea {
  border: 0;
  width: 100%;
  padding: 0px 10px;
  font-size: var(--fs-32);
  font-weight: 600;
  min-height: 54px;
  letter-spacing: inherit;
  border-radius: 6px;
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
}
.section-headline .headline input.error,
.section-headline .headline textarea.error {
  border: 2px solid var(--accent-100);
}
.section-headline .headline input::-webkit-input-placeholder,
.section-headline .headline textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--text-neutral);
}
.section-headline .headline input :-moz-placeholder,
.section-headline .headline textarea :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--text-neutral);
  opacity: 1;
}
.section-headline .headline input::-moz-placeholder,
.section-headline .headline textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--text-neutral);
  opacity: 1;
}
.section-headline .headline input:-ms-input-placeholder,
.section-headline .headline textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.section-headline .headline input::-ms-input-placeholder,
.section-headline .headline textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--text-neutral);
}
.section-headline .headline input::placeholder,
.section-headline .headline textarea::placeholder {
  /* Most modern browsers support this now. */
  color: var(--text-neutral);
}

.password-wrapper .input-group {
  height: 45px !important;
}

/* ai result cursor */
.cursor {
  animation: blink 1s step-start infinite;
}

@media (max-width: 968px) {
  .app-publish .sidebar {
    height: calc(100vh - 60px);
  }
  .app-publish #splitter-main {
    height: 100vh;
  }
}
@media (max-width: 668px) {
  #splitter-main {
    padding-top: 45px;
  }
  .splitter-sitemap {
    flex-basis: 100% !important;
    position: fixed !important;
    z-index: 9;
    width: 100%;
    display: none;
  }
  .splitter-sitemap.open {
    display: flex;
  }
  .p-splitter-gutter {
    visibility: hidden;
    display: none;
  }
}
.btn-search-item:hover .checkbox .form-check .form-check-input, .btn-search-item:focus .checkbox .form-check .form-check-input, .btn-search-item:active .checkbox .form-check .form-check-input {
  box-shadow: var(--shadow-outline);
}

/* gradient-border */
.gradient-border {
  --borderWidth: 1px;
  position: relative;
}
.gradient-border b {
  margin-right: 10px;
  font-weight: 600;
  border-right: 1px solid var(--accent-20);
  padding-right: 10px;
}

.gradient-border:after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, var(--light-100), var(--accent-100), var(--light-100), var(--accent-100));
  border-radius: 8px;
  z-index: -1;
  animation: animatedgradient 10s ease alternate infinite;
  background-size: 300% 300%;
}

/* Tags */
.tag--default {
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
  white-space: nowrap;
  font-weight: 400;
  padding: var(--space-2) var(--space-4);
  /* Default XS 24px */
  font-size: var(--fs-12);
  border-radius: 6px;
  /* Size Modifiers */
}
.tag--default.tag--xs {
  /* Height 24px */
  padding: var(--space-2) var(--space-4);
}
.tag--default.tag--sm {
  /* Height 28px */
  padding: var(--space-4) var(--space-8);
}
.tag--default {
  /* Full */
}
.tag--default.tag--full {
  width: 100%;
}
.tag--default {
  /* Font Weight */
}
.tag--default.tag--medium {
  font-weight: 500;
}
.tag--default.tag--semibold {
  font-weight: 600;
}
.tag--default {
  /* Tag Variants */
}
.tag--default.tag--blue {
  background: var(--tag-blue-bg);
  border: 1px solid var(--tag-blue-border);
  color: var(--tag-blue-text);
}
.tag--default.tag--accent {
  background: var(--tag-accent-bg);
  border: 1px solid var(--tag-accent-border);
  color: var(--tag-accent-text);
}
.tag--default.tag--neutral {
  background: var(--tag-neutral-bg);
  border: 1px solid var(--tag-neutral-border);
  color: var(--tag-neutral-text);
}
.tag--default.tag--orange {
  background: var(--tag-orange-bg);
  border: 1px solid var(--tag-orange-border);
  color: var(--tag-orange-text);
}
.tag--default.tag--teal {
  background: var(--tag-teal-bg);
  border: 1px solid var(--tag-teal-border);
  color: var(--tag-teal-text);
}
.tag--default.tag--red {
  background: var(--tag-red-bg);
  border: 1px solid var(--tag-red-border);
  color: var(--tag-red-text);
}
.tag--default.tag--white {
  background: var(--tag-white-bg);
  border: 1px solid var(--tag-white-border);
  color: var(--tag-white-text);
}

.tag--notification {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: var(--red-100);
  border: 1px solid var(--border-red-darker);
  color: var(--text-light-fixed);
  font-size: var(--fs-11);
  font-weight: 600;
  line-height: 12px;
  padding: var(--space-2) var(--space-4) var(--space-2) var(--space-4);
  border-radius: 4px;
  min-width: 18px;
  height: 18px;
  letter-spacing: -0.12px;
}
.tag--notification-relative {
  position: relative;
  top: initial;
  right: initial;
}
.tag--notification-figma {
  top: var(--space-negative-6);
  right: var(--space-negative-8);
  width: 16px;
  height: 16px;
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  font-size: var(--fs-11);
  line-height: 15px;
  padding: var(--space-0);
}
.tag--notification-neutral {
  background-color: var(--light-300);
  border: 1px solid var(--border-neutral);
  color: var(--text-dark);
}

.splitter-hide-sitemap .sidebar-container {
  margin-top: var(--space-16);
}
.splitter-hide-sitemap .tree--component-action-last {
  display: none !important;
}
.splitter-hide-sitemap .actionbar-margin {
  display: none !important;
}
.splitter-hide-sitemap .project-headline {
  display: none !important;
}

.estimation-details .dropdown .dropdown-menu .dropdown-menu-box {
  width: 100% !important;
  min-width: 100% !important;
}

.p-treetable-table-container {
  overflow: unset !important;
}

/** Select Dropdown Overlay Styles (non-scoped for portal-rendered overlays) */
.p-select-overlay.estimation-select-panel,
.estimation-select-panel.p-select-overlay {
  background-color: var(--dropdown-bg) !important;
  border: 1px solid var(--dropdown-border) !important;
  box-shadow: var(--dropdown-shadow) !important;
  border-radius: 6px !important;
  padding: var(--space-8) var(--space-4);
  animation: dropdownMenuAnimation 0.06s ease-in;
}

.p-select-list-container {
  max-height: 14rem;
  overflow-y: auto;
}

.p-select-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.estimation-select-panel .p-select-option {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  min-height: 32px !important;
  color: var(--text-dark) !important;
  cursor: pointer !important;
  background-color: var(--transparent) !important;
  border: 1px solid var(--transparent) !important;
  border-radius: 6px !important;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-8);
  font-weight: 500 !important;
  font-size: var(--fs-14) !important;
}
.estimation-select-panel .p-select-option:hover, .estimation-select-panel .p-select-option:focus {
  cursor: pointer !important;
  background-color: var(--item-blue-bg-hover) !important;
  border: 1px solid var(--item-blue-border-hover) !important;
  color: var(--text-dark) !important;
}
.estimation-select-panel .p-select-option.p-select-option-selected {
  background-color: var(--item-blue-bg-hover) !important;
  border: 1px solid var(--item-blue-border-hover) !important;
}
.estimation-select-panel .p-select-option.p-focused {
  background: var(--light-200) !important;
}

.estimation-select-panel .p-select-option-label {
  display: block;
}

.estimation-select-panel .priority-select__option-icon {
  width: var(--space-12);
  height: var(--space-12);
  color: var(--text-neutral-lighter);
}

.estimation-select-panel .priority-select__option-icon--highest,
.estimation-select-panel .priority-select__option-icon--high {
  color: var(--text-red);
}

.estimation-select-panel .priority-select__option-icon--medium {
  color: var(--text-orange);
}

.estimation-select-panel .priority-select__option-icon--low,
.estimation-select-panel .priority-select__option-icon--lowest {
  color: var(--text-blue);
}

@-webkit-keyframes fadein {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideTop {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes dropdownMenuAnimation {
  0% {
    transform: scale(0.95);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeInOutAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes pathTriangle {
  33% {
    stroke-dashoffset: 74;
  }
  66% {
    stroke-dashoffset: 147;
  }
  100% {
    stroke-dashoffset: 221;
  }
}
@keyframes dotTriangle {
  33% {
    transform: translate(0, 0);
  }
  66% {
    transform: translate(10px, -18px);
  }
  100% {
    transform: translate(-10px, -18px);
  }
}
@keyframes pathRect {
  25% {
    stroke-dashoffset: 64;
  }
  50% {
    stroke-dashoffset: 128;
  }
  75% {
    stroke-dashoffset: 192;
  }
  100% {
    stroke-dashoffset: 256;
  }
}
@keyframes dotRect {
  25% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(18px, -18px);
  }
  75% {
    transform: translate(0, -36px);
  }
  100% {
    transform: translate(-18px, -18px);
  }
}
@keyframes pathCircle {
  25% {
    stroke-dashoffset: 125;
  }
  50% {
    stroke-dashoffset: 175;
  }
  75% {
    stroke-dashoffset: 225;
  }
  100% {
    stroke-dashoffset: 275;
  }
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
@keyframes animloader {
  0% {
    box-shadow: -12px -2px, -4px 2px, 4px -3px;
  }
  33% {
    box-shadow: -12px 2px, -4px -2px, 4px 3px;
  }
  66% {
    box-shadow: -12px -2px, -4px 2px, 4px -3px;
  }
  100% {
    box-shadow: -12px 2px, -4px -2px, 4px 3px;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate {
  animation: rotate 1.5s linear infinite;
}

.skeleton {
  position: absolute;
  overflow: hidden;
  background-color: var(--neutral-100) !important;
  border-radius: 0;
  margin: var(--space-0);
}
.skeleton.imageM {
  width: 140px;
  height: 140px;
}
.skeleton.imageSM {
  width: 45px;
  height: 45px;
  border-radius: 0;
}
.skeleton.imageXS {
  width: 100%;
  height: 100%;
  /* border-radius: $br-circle; border: 2px solid var(--light-200); */
}
.skeleton.covers {
  width: 100%;
  height: 100%;
  /* border-radius: $br-circle; border: 2px solid var(--light-200); */
}
.skeleton::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: "";
}

.skeleton-feature-loading {
  margin-bottom: 20px;
}
.skeleton-feature-loading .skeleton-feature {
  position: relative;
  overflow: hidden;
  background-color: var(--light-100) !important;
  border-radius: 6px;
  width: 100%;
  height: 27px;
  padding: 0;
  margin: var(--space-0);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.skeleton-feature-loading .skeleton-feature .skeleton-line {
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background-color: var(--light-300);
  position: relative;
  transition: all 200ms ease !important;
  transform: translateX(0);
}
.skeleton-feature-loading .skeleton-feature.no-animation::after {
  animation: none !important;
}
.skeleton-feature-loading .skeleton-feature::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: var(--light-linear);
  animation: shimmer 1s infinite;
  content: "";
}

.skeleton-headline {
  position: absolute;
  height: 55px;
  width: 100%;
  z-index: 1;
}
.skeleton-headline .skeleton-headline-project {
  position: relative;
  overflow: hidden;
  background-color: var(--light-100) !important;
  border-radius: 6px;
  width: 100%;
  height: 55px;
  padding: 0;
  margin: var(--space-0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.skeleton-headline .skeleton-headline-project .skeleton-line {
  width: 60%;
  height: 6px;
  border-radius: 6px;
  background-color: var(--light-300);
  position: relative;
  transition: all 200ms ease !important;
  transform: translateX(0);
}
.skeleton-headline .skeleton-headline-project::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: "";
}

.skeleton-image-loading {
  width: 100%;
}
.skeleton-image-loading .skeleton-title {
  position: relative;
  overflow: hidden;
  background-color: var(--light-100) !important;
  border-radius: 6px;
  width: 100%;
  height: 20px;
  min-height: 20px;
  padding: 0;
  margin: var(--space-0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.skeleton-image-loading .skeleton-title .skeleton-line {
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background-color: var(--light-300);
  position: relative;
  transition: all 200ms ease !important;
  transform: translateX(0);
}
.skeleton-image-loading .skeleton-title::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: "";
}
.skeleton-image-loading .skeleton-image {
  position: relative;
  overflow: hidden;
  background-color: var(--light-100) !important;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 0;
  margin: var(--space-0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.skeleton-image-loading .skeleton-image .skeleton-line {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: var(--light-300);
  position: relative;
  transition: all 200ms ease !important;
  transform: translateX(0);
}
.skeleton-image-loading .skeleton-image::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: "";
}

.skeleton-breadcrumb-loading .skeleton-breadcrumb {
  position: relative;
  overflow: hidden;
  background-color: var(--light-100) !important;
  border-radius: 6px;
  width: 40px;
  height: 27px;
  padding: 0;
  margin: var(--space-0);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.skeleton-breadcrumb-loading .skeleton-breadcrumb .skeleton-line {
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background-color: var(--light-300);
  position: relative;
  transition: all 200ms ease !important;
  transform: translateX(0);
}
.skeleton-breadcrumb-loading .skeleton-breadcrumb::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 1s infinite;
  content: "";
}

body.modal-open {
  overflow: hidden;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

@media (min-width: 576px) {
  .modal-dialog {
    margin-right: auto;
    margin-left: auto;
  }
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  outline: 0;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

.btn {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
  text-decoration: none;
}
.btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

/* Link-Style Button — 15 Verwendungen. */
.btn-link {
  font-weight: 400;
  color: var(--accent-100, #0d6efd);
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus-visible {
  color: var(--accent-100, #0d6efd);
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: var(--text-neutral, #6c757d);
}

/* Small Size — 7 Verwendungen. */
.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-dark, #212529);
  appearance: none;
  background-color: var(--form-bg, #fff);
  background-clip: padding-box;
  border: 1px solid var(--form-border, #ced4da);
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  color: var(--text-dark, #212529);
  background-color: var(--form-bg-focus, #fff);
  border-color: var(--form-border-focus, #86b7fe);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::placeholder {
  color: var(--text-neutral, #6c757d);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--light-300, #e9ecef);
  opacity: 1;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-dark, #212529);
  appearance: none;
  background-color: var(--form-bg, #fff);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid var(--form-border, #ced4da);
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-select:focus {
  border-color: var(--form-border-focus, #86b7fe);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--form-bg, #fff);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  print-color-adjust: exact;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: var(--form-border-focus, #86b7fe);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: var(--accent-100, #0d6efd);
  border-color: var(--accent-100, #0d6efd);
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-label {
  cursor: pointer;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-dark, #212529);
  text-align: center;
  white-space: nowrap;
  background-color: var(--light-300, #e9ecef);
  border: 1px solid var(--form-border, #ced4da);
  border-radius: 0.375rem;
}

/* Display */
.d-flex {
  display: flex !important;
}

.d-grid {
  display: grid !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

/* Responsive — nur die tatsächlich verwendete `lg` Variante. */
@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}
/* Flexbox direction */
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

/* Justify content */
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

/* Align items */
.align-items-start {
  align-items: flex-start !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

/* Spacing scale (Bootstrap: 0=0, 1=.25rem, 2=.5rem, 3=1rem, 4=1.5rem, 5=3rem) */
/* Gap */
.gap-0 {
  gap: 0 !important;
}

/* Margin all-around */
.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.me-0 {
  margin-right: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Padding all-around */
.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Gap */
.gap-1 {
  gap: 0.25rem !important;
}

/* Margin all-around */
.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

/* Padding all-around */
.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

/* Gap */
.gap-2 {
  gap: 0.5rem !important;
}

/* Margin all-around */
.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* Padding all-around */
.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* Gap */
.gap-3 {
  gap: 1rem !important;
}

/* Margin all-around */
.m-3 {
  margin: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

/* Padding all-around */
.p-3 {
  padding: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* Gap */
.gap-4 {
  gap: 1.5rem !important;
}

/* Margin all-around */
.m-4 {
  margin: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* Padding all-around */
.p-4 {
  padding: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* Gap */
.gap-5 {
  gap: 3rem !important;
}

/* Margin all-around */
.m-5 {
  margin: 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* Padding all-around */
.p-5 {
  padding: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* Text alignment */
.text-start {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-end {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

/* Text colors (Bootstrap-Token Replacements) */
.text-black {
  color: #000 !important;
}

.text-white {
  color: #fff !important;
}

/* Width */
.w-100 {
  width: 100% !important;
}

.w-75 {
  width: 75% !important;
}

.w-50 {
  width: 50% !important;
}

.w-25 {
  width: 25% !important;
}

.w-auto {
  width: auto !important;
}

/* Height */
.h-100 {
  height: 100% !important;
}

.h-75 {
  height: 75% !important;
}

.h-50 {
  height: 50% !important;
}

.h-25 {
  height: 25% !important;
}

.h-auto {
  height: auto !important;
}

/* Inter */
@font-face {
  font-family: "Inter";
  src: url("/assets/eot/Inter-Light-D1XUJO8L.eot");
  src: url("/assets/eot/Inter-Light-D1XUJO8L.eot?#iefix") format("embedded-opentype"), url("/assets/woff2/Inter-Light-DbvgB767.woff2") format("woff2"), url("/assets/woff/Inter-Light-BTFqFHQd.woff") format("woff"), url("/assets/ttf/Inter-Light-DfmPncrC.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/eot/Inter-Regular-DPO70s_0.eot");
  src: url("/assets/eot/Inter-Regular-DPO70s_0.eot?#iefix") format("embedded-opentype"), url("/assets/woff2/Inter-Regular-BXht535A.woff2") format("woff2"), url("/assets/woff/Inter-Regular-DC6X0ujx.woff") format("woff"), url("/assets/ttf/Inter-Regular-DX1ayQUV.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/eot/Inter-Medium-C0iwPUf8.eot");
  src: url("/assets/eot/Inter-Medium-C0iwPUf8.eot?#iefix") format("embedded-opentype"), url("/assets/woff2/Inter-Medium-DT31zNQg.woff2") format("woff2"), url("/assets/woff/Inter-Medium-qzjB74eF.woff") format("woff"), url("/assets/ttf/Inter-Medium-CKLJZXR2.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/eot/Inter-SemiBold-CaZt6hJa.eot");
  src: url("/assets/eot/Inter-SemiBold-CaZt6hJa.eot?#iefix") format("embedded-opentype"), url("/assets/woff2/Inter-SemiBold-ClfcwRfE.woff2") format("woff2"), url("/assets/woff/Inter-SemiBold-CVuEjD3W.woff") format("woff"), url("/assets/ttf/Inter-SemiBold-CNE1HG_C.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/eot/Inter-Bold-Lxpb34ee.eot");
  src: url("/assets/eot/Inter-Bold-Lxpb34ee.eot?#iefix") format("embedded-opentype"), url("/assets/woff2/Inter-Bold-BLSCIIHr.woff2") format("woff2"), url("/assets/woff/Inter-Bold-BJX22zts.woff") format("woff"), url("/assets/ttf/Inter-Bold-CiR2RnIu.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* FontAwesomePro */
/* new main tree node component */
.tree--component {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 36px;
  background-color: var(--button-tree-bg);
  border: 1px solid var(--button-tree-border);
  border-radius: 6px;
  padding: var(--space-2);
  font-size: var(--fs-14);
  gap: var(--space-4);
  cursor: pointer;
}
.tree--component:hover {
  background-color: var(--button-tree-bg-hover);
  border: 1px solid var(--button-tree-border-hover);
}
.tree--component:hover .btn--tree-action {
  color: var(--button-tree-action-text-hover);
}
.tree--component:hover .btn--tree-action.btn--tree-action-jira .btn--tree-action-jira-icon {
  display: none;
}
.tree--component:hover .btn--tree-action.btn--tree-action-jira .btn--tree-action-jira-icon-hover {
  display: flex;
}
.tree--component:hover .btn--tree-element.mouseenter button {
  display: flex;
}
.tree--component.tree--component-screen:hover {
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
}
.tree--component.tree--ai {
  background-color: var(--transparent) !important;
  border: 1px solid var(--transparent) !important;
  height: auto;
  padding: var(--space-0);
}
.tree--component.tree--ai:hover {
  background-color: var(--transparent) !important;
  border: 1px solid var(--transparent) !important;
  height: auto;
}
.tree--component.tree--hidden .btn--tree-content-summary-text {
  color: var(--text-neutral-light);
}
.tree--component.tree--hidden .color {
  opacity: 0.5;
}
.tree--component {
  /* if group */
}
.tree--component.tree--group .btn--tree-content-summary-text {
  font-weight: 500;
}
.tree--component {
  /* if group-child */
}
.tree--component.tree--group-child::before {
  content: "";
  border-left: 2px solid var(--border-neutral);
  display: flex;
  width: 1px;
  height: 36px;
  position: absolute;
  left: 12px;
}
.tree--component.tree--group-child.tree--hidden::before {
  content: "";
  border-left: 2px solid var(--border-neutral) !important;
  display: flex;
  width: 1px;
  height: 36px;
  position: absolute;
  left: 12px;
}
.tree--component.tree--group-child.tree--edit::before {
  border-left: none !important;
}
.tree--component.tree--group-child.palette-purple-light::before {
  border-left: 2px solid var(--palette-purple-color-light);
}
.tree--component.tree--group-child.palette-purple-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-purple-dark::before {
  border-left: 2px solid var(--palette-purple-color-dark);
}
.tree--component.tree--group-child.palette-purple-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-blue-light::before {
  border-left: 2px solid var(--palette-blue-color-light);
}
.tree--component.tree--group-child.palette-blue-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-blue-dark::before {
  border-left: 2px solid var(--palette-blue-color-dark);
}
.tree--component.tree--group-child.palette-blue-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-green-light::before {
  border-left: 2px solid var(--palette-green-color-light);
}
.tree--component.tree--group-child.palette-green-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-green-dark::before {
  border-left: 2px solid var(--palette-green-color-dark);
}
.tree--component.tree--group-child.palette-green-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-teal-light::before {
  border-left: 2px solid var(--palette-teal-color-light);
}
.tree--component.tree--group-child.palette-teal-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-teal-dark::before {
  border-left: 2px solid var(--palette-teal-color-dark);
}
.tree--component.tree--group-child.palette-yellow-light::before {
  border-left: 2px solid var(--palette-yellow-color-light);
}
.tree--component.tree--group-child.palette-yellow-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-yellow-dark::before {
  border-left: 2px solid var(--palette-yellow-color-dark);
}
.tree--component.tree--group-child.palette-red-light::before {
  border-left: 2px solid var(--palette-red-color-light);
}
.tree--component.tree--group-child.palette-red-dark::before {
  border-left: 2px solid var(--palette-red-color-dark);
}
.tree--component.tree--group-child.palette-red-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-grey-light::before {
  border-left: 2px solid var(--palette-grey-color-light);
}
.tree--component.tree--group-child.palette-grey-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component.tree--group-child.palette-grey-dark::before {
  border-left: 2px solid var(--palette-grey-color-dark);
}
.tree--component.tree--group-child.palette-grey-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree--component {
  /* if page */
}
.tree--component.tree--page .btn--tree-action-page {
  color: var(--text-dark);
}
.tree--component.tree--page.tree--hidden .btn--tree-action-page {
  color: var(--text-neutral);
}
.tree--component {
  /* if add page */
}
.tree--component.tree--silent:hover .btn--tree-action {
  color: var(--text-dark);
}
.tree--component.tree--silent:hover .btn--tree-content-summary-text {
  color: var(--text-dark);
}
.tree--component.tree--silent .btn--tree-action {
  color: var(--text-neutral);
}
.tree--component.tree--silent .btn--tree-content-summary-text {
  color: var(--text-neutral);
}
.tree--component {
  /* tree component action level */
}
.tree--component-action {
  width: auto;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
}
.tree--component {
  /* tree component content level */
}
.tree--component-content {
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
  overflow: hidden;
  position: relative;
}
.tree--component {
  /* INPUTS */
}
.tree--component .input--tree {
  position: absolute;
  background-color: var(--input-tree-bg);
  border: 1px solid var(--input-tree-border);
  padding: var(--space-0) var(--space-8);
  color: var(--text-dark);
  border-radius: 6px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.tree--component .input--tree:hover {
  background-color: var(--input-tree-bg-hover);
  border: 1px solid var(--input-tree-border-hover);
  box-shadow: var(--input-tree-shadow-outline) !important;
}
.tree--component .input--tree:focus, .tree--component .input--tree:active {
  background-color: var(--input-tree-bg-focus);
  border: 1px solid var(--input-tree-border-focus);
  box-shadow: var(--input-tree-shadow-outline) !important;
}
.tree--component .input--tree-alert {
  position: absolute;
  border-radius: 6px;
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg);
  outline: 0;
  padding: var(--space-4) var(--space-8);
  font-size: var(--fs-14);
  font-weight: 400;
  z-index: 2;
  text-align: left;
  top: 40px;
  left: var(--space-0);
}
.tree--component {
  /* BUTTONS */
}
.tree--component .btn--tree-content {
  width: 100%;
  height: 100%;
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  border-radius: 0;
  color: var(--text-dark);
  text-align: left;
  margin: var(--space-0);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: var(--space-0);
  position: absolute;
  left: 0;
}
.tree--component .btn--tree-content:hover, .tree--component .btn--tree-content:focus, .tree--component .btn--tree-content:active {
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
}
.tree--component .btn--tree-content:hover .btn--tree-content-created, .tree--component .btn--tree-content:focus .btn--tree-content-created, .tree--component .btn--tree-content:active .btn--tree-content-created {
  display: flex;
}
.tree--component .btn--tree-content-summary {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  width: 100%;
  position: relative;
}
.tree--component .btn--tree-content-summary-text {
  font-size: var(--fs-14);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
  line-height: 20px;
}
.tree--component .btn--tree-content-created {
  display: none;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  width: 100%;
  position: relative;
  text-align: right;
  margin-right: var(--space-4);
}
.tree--component .btn--tree-content-created-text {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
}
.tree--component .btn--tree-action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 30px;
  border-radius: 6px;
  margin: var(--space-0);
  padding: var(--space-0);
  color: var(--button-tree-action-text);
  background-color: var(--button-tree-action-bg);
  border: 1px solid var(--button-tree-action-border);
  font-size: var(--fs-14);
}
.tree--component .btn--tree-action-draggable {
  color: var(--text-neutral);
  width: 25px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23222222'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23222222'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: center;
}
.tree--component .btn--tree-action-draggable:hover, .tree--component .btn--tree-action-draggable:active, .tree--component .btn--tree-action-draggable:focus {
  background-repeat: no-repeat;
  background-position: center;
}
.tree--component .btn--tree-action-toggle {
  font-size: var(--fs-12);
}
.tree--component .btn--tree-action-page {
  font-size: var(--fs-16);
}
.tree--component .btn--tree-action-sm {
  width: 20px;
}
.tree--component .btn--tree-action:hover, .tree--component .btn--tree-action:focus, .tree--component .btn--tree-action:active {
  background-color: var(--button-tree-action-bg-hover) !important;
  border: 1px solid var(--button-tree-action-border-hover) !important;
  color: var(--button-tree-action-text-hover);
}
.tree--component .btn--tree-action:hover.btn--tree-action-jira .btn--tree-action-jira-icon, .tree--component .btn--tree-action:focus.btn--tree-action-jira .btn--tree-action-jira-icon, .tree--component .btn--tree-action:active.btn--tree-action-jira .btn--tree-action-jira-icon {
  display: none;
}
.tree--component .btn--tree-action:hover.btn--tree-action-jira .btn--tree-action-jira-icon-hover, .tree--component .btn--tree-action:focus.btn--tree-action-jira .btn--tree-action-jira-icon-hover, .tree--component .btn--tree-action:active.btn--tree-action-jira .btn--tree-action-jira-icon-hover {
  display: flex;
}
.tree--component .btn--tree-action-jira-icon {
  display: flex;
}
.tree--component .btn--tree-action-jira-icon-hover {
  display: none;
}
.tree--component .btn--tree-element {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 28px;
}
.tree--component .btn--tree-element-sm {
  width: 20px;
}
.tree--component .btn--tree-element-auto {
  width: auto;
}
.tree--component .btn--tree-element-toggle {
  display: none;
}
.tree--component .btn--tree-element.mouseenter button {
  display: none;
  /* Show Hidden Eye */
}
.tree--component .btn--tree-element.mouseenter button.btn--tree-action-hidden {
  display: flex;
}
.tree--component .btn--inside {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
}

.form--component {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 52px;
}
.form--component:hover .form--component-input input::-webkit-input-placeholder, .form--component:focus .form--component-input input::-webkit-input-placeholder, .form--component:active .form--component-input input::-webkit-input-placeholder, .form--component:has(input:focus) .form--component-input input::-webkit-input-placeholder {
  /* Edge */
  color: var(--text-neutral);
}
.form--component:hover .form--component-input input:-ms-input-placeholder, .form--component:focus .form--component-input input:-ms-input-placeholder, .form--component:active .form--component-input input:-ms-input-placeholder, .form--component:has(input:focus) .form--component-input input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.form--component:hover .form--component-input input::placeholder, .form--component:focus .form--component-input input::placeholder, .form--component:active .form--component-input input::placeholder, .form--component:has(input:focus) .form--component-input input::placeholder {
  color: var(--text-neutral);
}
.form--component.form--group-child::before {
  content: "";
  border-left: 2px solid var(--border-neutral);
  display: flex;
  width: 1px;
  height: 52px;
  position: absolute;
  left: 12px;
  opacity: 0.4;
}
.form--component.form--group-child.form--hidden::before {
  content: "";
  border-left: 2px solid var(--border-neutral) !important;
  display: flex;
  width: 1px;
  height: 52px;
  position: absolute;
  left: 12px;
}
.form--component.form--group-child.palette-purple-light::before {
  border-left: 2px solid var(--palette-purple-color-light);
}
.form--component.form--group-child.palette-purple-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-purple-dark::before {
  border-left: 2px solid var(--palette-purple-color-dark);
}
.form--component.form--group-child.palette-purple-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-blue-light::before {
  border-left: 2px solid var(--palette-blue-color-light);
}
.form--component.form--group-child.palette-blue-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-blue-dark::before {
  border-left: 2px solid var(--palette-blue-color-dark);
}
.form--component.form--group-child.palette-blue-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-green-light::before {
  border-left: 2px solid var(--palette-green-color-light);
}
.form--component.form--group-child.palette-green-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-green-dark::before {
  border-left: 2px solid var(--palette-green-color-dark);
}
.form--component.form--group-child.palette-green-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-teal-light::before {
  border-left: 2px solid var(--palette-teal-color-light);
}
.form--component.form--group-child.palette-teal-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-teal-dark::before {
  border-left: 2px solid var(--palette-teal-color-dark);
}
.form--component.form--group-child.palette-yellow-light::before {
  border-left: 2px solid var(--palette-yellow-color-light);
}
.form--component.form--group-child.palette-yellow-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-yellow-dark::before {
  border-left: 2px solid var(--palette-yellow-color-dark);
}
.form--component.form--group-child.palette-red-light::before {
  border-left: 2px solid var(--palette-red-color-light);
}
.form--component.form--group-child.palette-red-dark::before {
  border-left: 2px solid var(--palette-red-color-dark);
}
.form--component.form--group-child.palette-red-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-grey-light::before {
  border-left: 2px solid var(--palette-grey-color-light);
}
.form--component.form--group-child.palette-grey-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component.form--group-child.palette-grey-dark::before {
  border-left: 2px solid var(--palette-grey-color-dark);
}
.form--component.form--group-child.palette-grey-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.form--component-ai-mode .form--component-input:hover, .form--component-ai-mode .form--component-input:focus, .form--component-ai-mode .form--component-input:active {
  box-shadow: var(--input-tree-shadow-accent-outline) !important;
}
.form--component-ai-mode .form--component-input:has(input:focus) {
  box-shadow: var(--input-tree-shadow-accent-outline) !important;
}
.form--component-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 6px;
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  color: var(--text-dark);
  gap: var(--space-4);
  width: 100%;
  max-height: 36px;
  margin-left: var(--space-4);
  position: relative;
}
.form--component-input:hover, .form--component-input:focus, .form--component-input:active {
  background-color: var(--input-tree-bg-hover);
  border: 1px solid var(--transparent);
  box-shadow: var(--input-tree-shadow-outline) !important;
}
.form--component-input:has(input:focus) {
  background-color: var(--input-tree-bg-focus);
  border: 1px solid var(--input-tree-border-focus);
  box-shadow: var(--input-tree-shadow-outline) !important;
}
.form--component-input input {
  background: transparent;
  border: 0;
  height: 36px;
  border-radius: 6px;
  font-size: var(--fs-14);
  cursor: pointer;
  width: 100%;
  padding: var(--space-0) var(--space-8);
  max-height: 36px;
  letter-spacing: -0.6px;
  color: var(--text-dark);
}
.form--component-input input:disabled {
  background-color: var(--input-tree-bg-disabled);
}
.form--component-input input.type--feature-tree::-webkit-input-placeholder {
  /* Edge */
  color: transparent;
}
.form--component-input input.type--feature-tree:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: transparent;
}
.form--component-input input.type--feature-tree::placeholder {
  color: transparent;
}
.form--component-input .input-control {
  padding: var(--space-4);
  font-size: var(--fs-14);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 160px;
}
.form--component-loading {
  position: absolute;
  right: var(--space-8);
  color: var(--text-accent);
}
.form--component-ai-icon {
  margin-left: var(--space-6);
  color: var(--text-accent);
}
.form--component .btn--inside {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  font-weight: 500;
}
.form--component-action {
  display: flex;
  gap: var(--space-4);
  position: relative;
  right: var(--space-4);
}

.splitter-sitemap-with-editor .tree--project-list {
  margin: var(--space-0) var(--space-16) var(--space-24) var(--space-16) !important;
}
.splitter-sitemap-with-editor .tree--page-list {
  margin: var(--space-0) var(--space-16) var(--space-24) var(--space-16) !important;
}
.splitter-sitemap-with-editor .tree--feature-list {
  margin: var(--space-0) var(--space-16) var(--space-64) var(--space-16) !important;
}
.splitter-sitemap-with-editor .tree--component {
  background-color: var(--button-tree-sitemap-bg);
  border: 1px solid var(--button-tree-sitemap-border);
}
.splitter-sitemap-with-editor .tree--component:hover {
  background-color: var(--button-tree-sitemap-bg-hover);
  border: 1px solid var(--button-tree-sitemap-border-hover);
}
.splitter-sitemap-with-editor .tree--component.tree--active {
  background-color: var(--button-tree-bg-active);
  border: 1px solid var(--button-tree-border-active);
  box-shadow: var(--button-tree-shadow);
}
.splitter-sitemap-with-editor .tree--component.tree--active .btn--tree-action {
  color: var(--button-tree-action-text-hover);
}
.splitter-sitemap-with-editor .tree--component.tree--active .btn--tree-action.btn--tree-action-jira .btn--tree-action-jira-icon {
  display: none;
}
.splitter-sitemap-with-editor .tree--component.tree--active .btn--tree-action.btn--tree-action-jira .btn--tree-action-jira-icon-hover {
  display: flex;
}
.splitter-sitemap-with-editor .tree--component.tree--active .btn--tree-element-active-show button {
  display: flex !important;
}
.splitter-sitemap-with-editor .tree--component .btn--tree-content-created {
  display: none !important;
}
.splitter-sitemap-with-editor .tree--component .btn--tree-action:hover, .splitter-sitemap-with-editor .tree--component .btn--tree-action:focus, .splitter-sitemap-with-editor .tree--component .btn--tree-action:active {
  background-color: var(--button-tree-action-sitemap-bg-hover) !important;
  border: 1px solid var(--button-tree-action-sitemap-border-hover) !important;
}
.splitter-sitemap-with-editor .btn--break-tooltip[data-tooltip]:before, .splitter-sitemap-with-editor .btn--break-tooltip[data-tooltip]:after {
  white-space: pre-wrap;
}
.splitter-sitemap-with-editor .global-actionbar .action-tree {
  border-right: 1px solid var(--neutral-100) !important;
}

body.dark .splitter-sitemap-with-editor .ai--outcomes {
  background-color: var(--light-100);
}
body.dark .splitter-sitemap-with-editor .ai-generating-smart {
  background-color: var(--light-100);
}

/* main tree node component */
.tree-node-component {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 30px;
}
.tree-node-component .dropdown.action {
  visibility: hidden;
}
.tree-node-component:hover .mouseover button {
  display: flex !important;
}
.tree-node-component:hover .mouseover .dropdown.action {
  visibility: visible;
}
.tree-node-component:hover .tree-content .btn-editor-feature {
  background: var(--light-300);
}
.tree-node-component:hover .tree-content .btn-editor-feature.page {
  color: var(--text-dark);
}
.tree-node-component:hover .tree-content .type-feature {
  background-color: transparent;
  border: 2px solid transparent;
  box-shadow: var(--shadow-lg) !important;
  z-index: 1;
  position: relative;
}
.tree-node-component:hover .tree-actions .btn-editor-tree {
  color: var(--text-dark);
  background: var(--light-300);
}
.tree-node-component:hover .tree-actions .dropdown.action .btn-editor-tree-actions {
  color: var(--text-dark);
  background: var(--light-300);
}
.tree-node-component:hover .tree-actions .tree-action-dropdown .btn-tree-actions {
  background: var(--light-300) !important;
}
.tree-node-component:hover .tree-actions ul.tree-actionlist li.action-item.generate {
  display: flex;
}
.tree-node-component:hover .tree-actions ul.tree-actionlist li.action-item .add-screen {
  display: flex;
}
.tree-node-component:hover .tree-actions .btn-jira {
  opacity: 1;
}
.tree-node-component:hover .btn-draggable {
  opacity: 1 !important;
  transition: all 200ms ease !important;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23000'/%3e%3c/svg%3e");
}
.tree-node-component:hover .btn-toggle {
  opacity: 1 !important;
  transition: all 200ms ease !important;
}
.tree-node-component:hover .tree-draggable .btn-editor-tree.page {
  color: var(--dark-200) !important;
}
.tree-node-component:hover .tree-draggable .checkbox .form-check-input {
  border-color: var(--dark-200) !important;
}
.tree-node-component:hover .btn-jira .jira-icon {
  display: none;
}
.tree-node-component:hover .btn-jira .jira-hover {
  display: flex;
}
.tree-node-component.hide .btn-hideshow {
  display: flex !important;
}
.tree-node-component.hide .summary {
  color: var(--text-neutral);
}
.tree-node-component.hide .counting {
  color: var(--neutral-200) !important;
}
.tree-node-component.hide .colorpalette .dropdown-colorpalette .btn .color {
  background-color: var(--light-300) !important;
}
.tree-node-component.highlighted .btn-editor-feature {
  background-color: lightyellow;
}
.tree-node-component.highlighted .btn-editor-feature .created {
  color: var(--dark-200) !important;
  display: flex !important;
}
.tree-node-component.active .btn-editor-feature {
  background-color: var(--neutral-100) !important;
}
.tree-node-component .mouseover button {
  display: none !important;
}
.tree-node-component .mouseover.show button {
  display: flex !important;
}
.tree-node-component .tree-draggable {
  display: flex;
}
.tree-node-component .tree-draggable .drag {
  width: 20px;
  height: 30px;
  list-style-type: none;
  position: absolute;
  left: -25px;
}
.tree-node-component .tree-draggable .file {
  width: 20px;
  height: 30px;
  margin-right: 5px;
}
.tree-node-component .tree-draggable .toggle {
  width: 20px;
  height: 30px;
  margin-right: 5px;
}
.tree-node-component .tree-draggable .colorpalette {
  width: 20px;
  height: 30px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.tree-node-component .tree-draggable .checkbox {
  width: 20px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.tree-node-component .tree-draggable .checkbox.hide {
  display: none;
}
.tree-node-component .tree-draggable .checkbox .form-check {
  padding-left: 0;
}
.tree-node-component .tree-draggable .checkbox .form-check-input {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  border-color: var(--neutral-100) !important;
}
.tree-node-component .tree-draggable .checkbox .form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.17969 0.320312C9.43359 0.554688 9.43359 0.964844 9.17969 1.19922L4.17969 6.19922C3.94531 6.45312 3.53516 6.45312 3.30078 6.19922L0.800781 3.69922C0.546875 3.46484 0.546875 3.05469 0.800781 2.82031C1.03516 2.56641 1.44531 2.56641 1.67969 2.82031L3.73047 4.87109L8.30078 0.320312C8.53516 0.0664062 8.94531 0.0664062 9.17969 0.320312Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 10px 7px;
}
.tree-node-component .tree-draggable .checkbox .form-check-input:checked {
  background-color: var(--accent-100) !important;
  border-color: var(--accent-100) !important;
}
.tree-node-component .tree-draggable .checkbox .form-check-input:checked:disabled {
  background-color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
  cursor: not-allowed;
}
.tree-node-component .tree-draggable .checkbox .form-check-input:focus, .tree-node-component .tree-draggable .checkbox .form-check-input:hover {
  border-color: var(--accent-100) !important;
  cursor: pointer !important;
}
.tree-node-component .tree-content {
  width: 100%;
  min-height: 30px;
  display: flex;
  position: relative;
}
.tree-node-component .tree-content.active-tree-node .btn-editor-feature {
  background-color: var(--neutral-100);
}
.tree-node-component .tree-content .input-edit-feature,
.tree-node-component .tree-content .input-edit-screen {
  width: 100%;
  height: 30px !important;
  font-size: var(--fs-14);
  letter-spacing: inherit !important;
  border-radius: 6px;
  background-color: var(--light-100);
  border: 1px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
  z-index: 2;
  position: relative;
  padding: 0 10px;
  margin: var(--space-0);
  border: 0;
}
.tree-node-component .tree-content .input-edit-feature.error,
.tree-node-component .tree-content .input-edit-screen.error {
  border: 1px solid var(--accent-100);
}
.tree-node-component .tree-content .counting {
  display: none;
}
.tree-node-component .tree-content .type-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--accent-100);
  margin: 10px 0;
  font-size: var(--fs-13);
  right: 5px;
  position: absolute;
  top: -2px;
  z-index: 2;
}
.tree-node-component .tree-content .type-feature {
  width: 100%;
  height: 30px !important;
  font-size: var(--fs-14);
  padding: 0 10px;
  margin: var(--space-0);
  border: 0;
  background-color: transparent;
  border-radius: 6px;
  border: 2px solid transparent;
  letter-spacing: -0.6px;
  line-height: 20px;
}
.tree-node-component .tree-content .type-feature:hover, .tree-node-component .tree-content .type-feature:focus, .tree-node-component .tree-content .type-feature:active {
  background-color: var(--light-100);
  border: 2px solid var(--light-100);
  box-shadow: var(--shadow-lg) !important;
  z-index: 1;
  position: relative;
}
.tree-node-component .tree-content .type-feature:hover::-webkit-input-placeholder, .tree-node-component .tree-content .type-feature:focus::-webkit-input-placeholder, .tree-node-component .tree-content .type-feature:active::-webkit-input-placeholder {
  /* Edge */
  color: var(--text-neutral);
}
.tree-node-component .tree-content .type-feature:hover:-ms-input-placeholder, .tree-node-component .tree-content .type-feature:focus:-ms-input-placeholder, .tree-node-component .tree-content .type-feature:active:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.tree-node-component .tree-content .type-feature:hover::placeholder, .tree-node-component .tree-content .type-feature:focus::placeholder, .tree-node-component .tree-content .type-feature:active::placeholder {
  color: var(--text-neutral);
}
.tree-node-component .tree-content .type-feature:disabled {
  background-color: var(--light-300);
  border-color: var(--light-300);
  color: var(--text-neutral);
}
.tree-node-component .tree-content .type-feature::-webkit-input-placeholder {
  /* Edge */
  color: transparent;
}
.tree-node-component .tree-content .type-feature:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: transparent;
}
.tree-node-component .tree-content .type-feature::placeholder {
  color: transparent;
}
.tree-node-component .tree-content .type-feature.ai-mode-active {
  background-color: var(--accent-10);
  border-color: var(--accent-10);
}
.tree-node-component .tree-content .btn-editor-feature {
  color: var(--text-dark);
  font-size: var(--fs-24);
  width: 100%;
  height: 30px;
  padding: 0 10px;
  margin: var(--space-0);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  text-align: left;
  letter-spacing: -0.6px;
  border: 2px solid transparent;
}
.tree-node-component .tree-content .btn-editor-feature.page {
  color: var(--text-neutral);
}
.tree-node-component .tree-content .btn-editor-feature:hover .created {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  width: 100%;
  position: relative;
  text-align: right;
}
.tree-node-component .tree-content .btn-editor-feature:hover .created span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
}
.tree-node-component .tree-content .btn-editor-feature .summary {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  width: 100%;
  position: relative;
}
.tree-node-component .tree-content .btn-editor-feature .text {
  font-size: var(--fs-14);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
  line-height: 20px;
}
.tree-node-component .tree-content .btn-editor-feature .icon {
  margin-right: 10px;
}
.tree-node-component .tree-content .btn-editor-feature .counting {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  margin-left: 15px;
}
.tree-node-component .tree-content .btn-editor-feature .created {
  color: var(--text-neutral);
  font-size: var(--fs-12);
  margin-left: 15px;
  display: none;
}
.tree-node-component .tree-actions {
  display: flex;
  margin: var(--space-0);
}
.tree-node-component .tree-actions ul.tree-actionlist {
  margin: var(--space-0);
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row-reverse;
}
.tree-node-component .tree-actions ul.tree-actionlist li.action-item {
  width: 25px;
  height: 30px;
  margin-right: 5px;
}
.tree-node-component .tree-actions ul.tree-actionlist li.action-item:last-child {
  margin-left: 5px;
}
.tree-node-component .tree-actions ul.tree-actionlist li.action-item:first-child {
  margin-right: 0px;
}
.tree-node-component .tree-actions ul.tree-actionlist li.action-item .add-screen {
  display: none;
}
.tree-node-component .tree-actions ul.tree-actionlist li.action-item.generate {
  display: none;
  width: auto;
}
.tree-node-component .tree-actions ul.tree-actionlist li.action-item.generate .btn-purple-ai {
  margin: var(--space-0);
}
.tree-node-component .tree-actions ul.tree-actionlist li.action-item.generate .btn-purple-ai .icon-sparkles {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree-node-component .tree-actions .dropdown.action {
  width: 25px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree-node-component .tree-actions .dropdown.action button {
  width: 25px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree-node-component .tree-actions .dropdown [data-icon=jira] {
  color: var(--jira-100);
}
.tree-node-component .btn-default.btn-draggable {
  opacity: 0;
}
.tree-node-component .btn-default.btn-toggle {
  opacity: 0.2;
}
.tree-node-component .btn-default.btn-editor-tree {
  background-color: transparent;
  color: var(--text-neutral);
  width: 100%;
  height: 30px;
  padding: 0;
  margin: var(--space-0);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.tree-node-component .btn-default.btn-editor-tree:hover {
  background-color: var(--light-300) !important;
}
.tree-node-component .btn-default.btn-editor-tree:hover .btn-arrow-right {
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='9'%20viewBox='0%200%206%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.1875%204.28125C5.34375%204.125%205.34375%203.90625%205.21875%203.75L1.53125%200.125C1.375%20-0.03125%201.125%20-0.03125%201%200.125L0.78125%200.34375C0.625%200.5%200.625%200.71875%200.78125%200.875L3.96875%204L0.78125%207.15625C0.625%207.3125%200.625%207.53125%200.78125%207.6875L1%207.90625C1.125%208.0625%201.375%208.0625%201.53125%207.90625L5.1875%204.28125Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.tree-node-component .btn-default.btn-editor-tree:hover .btn-arrow-down {
  background-image: url("data:image/svg+xml,%3csvg%20width='9'%20height='6'%20viewBox='0%200%209%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.71875%205.21875C4.875%205.375%205.09375%205.375%205.25%205.21875L8.875%201.5625C9.03125%201.40625%209.03125%201.15625%208.875%201.03125L8.65625%200.8125C8.5%200.65625%208.28125%200.65625%208.125%200.8125L5%204L1.84375%200.78125C1.6875%200.65625%201.46875%200.65625%201.3125%200.78125L1.09375%201.03125C0.9375%201.15625%200.9375%201.40625%201.09375%201.5625L4.71875%205.21875Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.tree-node-component .btn-default.btn-editor-tree:hover.btn-jira {
  color: var(--jira-100) !important;
}
.tree-node-component .btn-default.btn-editor-tree:hover.screen {
  color: var(--dark-200) !important;
}
.tree-node-component .btn-default.btn-editor-tree:hover.btn-hideshow {
  color: var(--dark-200) !important;
}
.tree-node-component .btn-default.btn-editor-tree:focus {
  background-color: var(--light-100) !important;
}
.tree-node-component .btn-default.btn-editor-tree .tooltipbox {
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
}
.tree-node-component .btn-default.btn-editor-tree .tooltipbox.show {
  display: flex;
}
.tree-node-component .btn-default.btn-editor-tree.btn-jira svg {
  color: var(--grey-color--300) !important;
}
.tree-node-component .btn-default.btn-editor-tree.btn-disable {
  opacity: 0.5;
  pointer-events: none;
}
.tree-node-component .btn-default.btn-editor-tree.btn-toggle {
  background: transparent !important;
  color: var(--text-dark);
}
.tree-node-component .btn-default.btn-editor-tree.btn-toggle:hover {
  background: transparent !important;
}
.tree-node-component .btn-default.btn-editor-tree .btn-arrow-right {
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='9'%20viewBox='0%200%206%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.1875%204.28125C5.34375%204.125%205.34375%203.90625%205.21875%203.75L1.53125%200.125C1.375%20-0.03125%201.125%20-0.03125%201%200.125L0.78125%200.34375C0.625%200.5%200.625%200.71875%200.78125%200.875L3.96875%204L0.78125%207.15625C0.625%207.3125%200.625%207.53125%200.78125%207.6875L1%207.90625C1.125%208.0625%201.375%208.0625%201.53125%207.90625L5.1875%204.28125Z'%20fill='%23222222'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: 1px;
}
.tree-node-component .btn-default.btn-editor-tree .btn-arrow-down {
  width: 9px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3csvg%20width='9'%20height='6'%20viewBox='0%200%209%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.71875%205.21875C4.875%205.375%205.09375%205.375%205.25%205.21875L8.875%201.5625C9.03125%201.40625%209.03125%201.15625%208.875%201.03125L8.65625%200.8125C8.5%200.65625%208.28125%200.65625%208.125%200.8125L5%204L1.84375%200.78125C1.6875%200.65625%201.46875%200.65625%201.3125%200.78125L1.09375%201.03125C0.9375%201.15625%200.9375%201.40625%201.09375%201.5625L4.71875%205.21875Z'%20fill='%23222222'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: -1px;
}
.tree-node-component .btn-default.btn-editor-tree.page.black {
  color: var(--text-dark);
}
.tree-node-component .btn-jira .jira-icon {
  display: flex;
}
.tree-node-component .btn-jira .jira-hover {
  display: none;
}
.tree-node-component .btn-jira:hover .btn-jira .jira-icon {
  display: none;
}
.tree-node-component .btn-jira:hover .btn-jira .jira-hover {
  display: flex;
}
.tree-node-component.group .colorpalette {
  display: flex;
}
.tree-node-component.group .tree-content .text {
  font-weight: 600;
}
.tree-node-component.group .tree-content .counting {
  display: flex;
}
.tree-node-component.group.hide::before {
  content: "";
  display: flex;
  width: 1px;
  height: 30px;
  position: absolute;
  left: 0px;
  border-left: 0;
}
.tree-node-component.group::before {
  border: 0 !important;
}
.tree-node-component.group-child::before {
  left: 9px !important;
}
.tree-node-component {
  /* &.group, */
}
.tree-node-component.group-child::before {
  content: "";
  border-left: 2px solid var(--light-300);
  display: flex;
  width: 1px;
  height: 30px;
  position: absolute;
}
.tree-node-component.group-child.hide::before {
  content: "";
  display: flex;
  width: 1px;
  height: 30px;
  position: absolute;
  left: 0px;
}
.tree-node-component.group-child.palette-purple-light::before {
  border-left: 2px solid var(--palette-purple-color-light);
}
.tree-node-component.group-child.palette-purple-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-purple-dark::before {
  border-left: 2px solid var(--palette-purple-color-dark);
}
.tree-node-component.group-child.palette-purple-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-blue-light::before {
  border-left: 2px solid var(--palette-blue-color-light);
}
.tree-node-component.group-child.palette-blue-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-blue-dark::before {
  border-left: 2px solid var(--palette-blue-color-dark);
}
.tree-node-component.group-child.palette-blue-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-green-light::before {
  border-left: 2px solid var(--palette-green-color-light);
}
.tree-node-component.group-child.palette-green-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-green-dark::before {
  border-left: 2px solid var(--palette-green-color-dark);
}
.tree-node-component.group-child.palette-green-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-teal-light::before {
  border-left: 2px solid var(--palette-teal-color-light);
}
.tree-node-component.group-child.palette-teal-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-teal-dark::before {
  border-left: 2px solid var(--palette-teal-color-dark);
}
.tree-node-component.group-child.palette-yellow-light::before {
  border-left: 2px solid var(--palette-yellow-color-light);
}
.tree-node-component.group-child.palette-yellow-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-yellow-dark::before {
  border-left: 2px solid var(--palette-yellow-color-dark);
}
.tree-node-component.group-child.palette-red-light::before {
  border-left: 2px solid var(--palette-red-color-light);
}
.tree-node-component.group-child.palette-red-dark::before {
  border-left: 2px solid var(--palette-red-color-dark);
}
.tree-node-component.group-child.palette-red-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-grey-light::before {
  border-left: 2px solid var(--palette-grey-color-light);
}
.tree-node-component.group-child.palette-grey-light.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.group-child.palette-grey-dark::before {
  border-left: 2px solid var(--palette-grey-color-dark);
}
.tree-node-component.group-child.palette-grey-dark.hide::before {
  border-left: 2px solid var(--light-300) !important;
}
.tree-node-component.tree-main-type-feature {
  margin-top: 0px;
}
.tree-node-component.tree-main-type-feature .tree-content .type-feature::-webkit-input-placeholder {
  /* Edge */
  color: var(--text-neutral);
}
.tree-node-component.tree-main-type-feature .tree-content .type-feature:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--text-neutral);
}
.tree-node-component.tree-main-type-feature .tree-content .type-feature::placeholder {
  color: var(--text-neutral);
}

/* main publish tree node component */
.tree-node-component-publish {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 30px;
}
@media (max-width: 668px) {
  .tree-node-component-publish {
    height: 45px;
    margin-bottom: 0 !important;
  }
}
.tree-node-component-publish .dropdown.action {
  visibility: hidden;
}
.tree-node-component-publish:hover .mouseover button {
  display: flex !important;
}
.tree-node-component-publish:hover .mouseover .dropdown.action {
  visibility: visible;
}
.tree-node-component-publish:hover .tree-content .btn-editor-feature {
  background: var(--light-300);
}
.tree-node-component-publish:hover .tree-content .btn-editor-feature.page {
  color: var(--text-dark);
}
.tree-node-component-publish:hover .tree-content .type-feature {
  background-color: transparent;
  border: 2px solid transparent;
  box-shadow: var(--shadow-lg) !important;
  z-index: 1;
  position: relative;
}
.tree-node-component-publish:hover .tree-actions .dropdown.action .btn-editor-tree-actions {
  color: var(--dark-200) !important;
  background: var(--light-300) !important;
}
.tree-node-component-publish:hover .tree-actions .tree-action-dropdown .btn-tree-actions {
  background: var(--light-300) !important;
}
.tree-node-component-publish:hover .tree-actions ul.tree-actionlist li.action-item.generate {
  display: flex;
}
.tree-node-component-publish:hover .tree-actions ul.tree-actionlist li.action-item .add-screen {
  display: flex;
}
.tree-node-component-publish:hover .btn-draggable {
  opacity: 1 !important;
  transition: all 200ms ease !important;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='1'%20cy='1'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='1'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='1'%20cy='5'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='5'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='1'%20cy='9'%20r='1'%20fill='%23000'/%3e%3ccircle%20cx='5'%20cy='9'%20r='1'%20fill='%23000'/%3e%3c/svg%3e");
}
.tree-node-component-publish:hover .btn-toggle {
  opacity: 1 !important;
  transition: all 200ms ease !important;
}
.tree-node-component-publish:hover .tree-draggable .btn-editor-tree.page {
  color: var(--dark-200) !important;
}
.tree-node-component-publish:hover .tree-draggable .checkbox .form-check-input {
  border-color: var(--dark-200) !important;
}
.tree-node-component-publish.hide .btn-hideshow {
  display: flex !important;
}
.tree-node-component-publish.hide .summary {
  color: var(--text-neutral);
}
.tree-node-component-publish.hide .counting {
  color: var(--neutral-200) !important;
}
.tree-node-component-publish.hide .colorpalette .dropdown-colorpalette .btn .color {
  background-color: var(--light-300) !important;
}
.tree-node-component-publish .colorpalette {
  margin-right: var(--space-6);
}
.tree-node-component-publish .colorpalette .dropdown-colorpalette {
  margin-left: -5px;
}
.tree-node-component-publish.highlighted .btn-editor-feature {
  background-color: var(--accent-20);
}
.tree-node-component-publish.highlighted .btn-editor-feature .created {
  color: var(--dark-200) !important;
  display: flex !important;
}
.tree-node-component-publish.active .btn-editor-feature {
  background-color: var(--neutral-100) !important;
}
.tree-node-component-publish .mouseover button {
  display: none !important;
}
.tree-node-component-publish .mouseover.show button {
  display: flex !important;
}
.tree-node-component-publish .tree-draggable {
  display: flex;
}
.tree-node-component-publish .tree-draggable .drag {
  width: 20px;
  height: 30px;
  list-style-type: none;
  position: absolute;
  left: -25px;
}
.tree-node-component-publish .tree-draggable .file {
  width: 20px;
  height: 30px;
  margin-right: 5px;
}
.tree-node-component-publish .tree-draggable .colorpalette {
  width: 20px;
  height: 30px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.tree-node-component-publish .tree-draggable .checkbox {
  width: 20px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}
.tree-node-component-publish .tree-draggable .checkbox.hide {
  display: none;
}
.tree-node-component-publish .tree-draggable .checkbox .form-check {
  padding-left: 0;
}
.tree-node-component-publish .tree-draggable .checkbox .form-check-input {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  border-color: var(--neutral-100) !important;
}
.tree-node-component-publish .tree-draggable .checkbox .form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.17969 0.320312C9.43359 0.554688 9.43359 0.964844 9.17969 1.19922L4.17969 6.19922C3.94531 6.45312 3.53516 6.45312 3.30078 6.19922L0.800781 3.69922C0.546875 3.46484 0.546875 3.05469 0.800781 2.82031C1.03516 2.56641 1.44531 2.56641 1.67969 2.82031L3.73047 4.87109L8.30078 0.320312C8.53516 0.0664062 8.94531 0.0664062 9.17969 0.320312Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 10px 7px;
}
.tree-node-component-publish .tree-draggable .checkbox .form-check-input:checked {
  background-color: var(--accent-100) !important;
  border-color: var(--accent-100) !important;
}
.tree-node-component-publish .tree-draggable .checkbox .form-check-input:checked:disabled {
  background-color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
  cursor: not-allowed;
}
.tree-node-component-publish .tree-draggable .checkbox .form-check-input:focus, .tree-node-component-publish .tree-draggable .checkbox .form-check-input:hover {
  border-color: var(--accent-100) !important;
  cursor: pointer !important;
}
.tree-node-component-publish .tree-content {
  width: 100%;
  min-height: 30px;
  display: flex;
  position: relative;
}
@media (max-width: 668px) {
  .tree-node-component-publish .tree-content {
    min-height: 45px;
  }
}
.tree-node-component-publish .tree-content.active-tree-node .btn-editor-feature {
  background-color: var(--light-300);
}
.tree-node-component-publish .tree-content.tree-content-page {
  margin-bottom: 2px;
}
.tree-node-component-publish .tree-content .btn-editor-feature {
  color: var(--text-dark);
  font-size: var(--fs-24);
  width: 100%;
  height: 30px;
  padding: 0 35px 0 10px;
  margin: var(--space-0);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  text-align: left;
  letter-spacing: -0.6px;
  border: 2px solid transparent;
}
@media (max-width: 668px) {
  .tree-node-component-publish .tree-content .btn-editor-feature {
    height: 45px;
  }
}
.tree-node-component-publish .tree-content .btn-editor-feature.page .text {
  font-weight: 600;
}
.tree-node-component-publish .tree-content .btn-editor-feature:hover .created {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  width: 100%;
  position: relative;
  text-align: right;
}
.tree-node-component-publish .tree-content .btn-editor-feature:hover .created span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
}
.tree-node-component-publish .tree-content .btn-editor-feature .summary {
  display: flex;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  width: 100%;
  position: relative;
}
.tree-node-component-publish .tree-content .btn-editor-feature .text {
  font-size: var(--fs-14);
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
}
.tree-node-component-publish .tree-content .btn-editor-feature .icon {
  margin-right: 10px;
}
.tree-node-component-publish .tree-content .btn-editor-feature .counting {
  font-size: var(--fs-12);
  color: var(--text-neutral);
  margin-left: 15px;
}
.tree-node-component-publish .tree-content .btn-editor-feature .created {
  color: var(--text-neutral);
  font-size: var(--fs-12);
  margin-left: 15px;
  display: none;
}
.tree-node-component-publish .tree-content .action-button {
  width: 20px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 668px) {
  .tree-node-component-publish .tree-content .action-button {
    width: 40px;
    height: 45px;
  }
}
.tree-node-component-publish .tree-content .action-button.action-toggle {
  position: absolute;
  right: 10px;
}
.tree-node-component-publish .tree-content .action-button .btn-toggle {
  cursor: pointer;
}
.tree-node-component-publish .tree-actions {
  display: flex;
  gap: 5px;
  margin-left: 10px;
}
.tree-node-component-publish .tree-actions.screen-actions {
  margin-left: -5px;
  margin-right: 10px;
}
.tree-node-component-publish .tree-actions.page-actions {
  margin-left: -5px;
  margin-right: 5px;
}
.tree-node-component-publish .tree-actions .file {
  width: 20px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree-node-component-publish .btn-default {
  width: 100%;
  height: 30px;
}
@media (max-width: 668px) {
  .tree-node-component-publish .btn-default.btn-toggle {
    height: 30px !important;
  }
}
.tree-node-component-publish .btn-default.btn-toggle {
  background-color: var(--light-100) !important;
  width: 100%;
  height: 20px !important;
  opacity: 0.4;
  border-radius: 6px !important;
  padding: 0;
  margin: var(--space-0);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.tree-node-component-publish .btn-default.btn-toggle:hover .tree-node-component-publish .btn-default.btn-toggle:focus, .tree-node-component-publish .btn-default.btn-toggle:active {
  background-color: var(--light-100) !important;
}
.tree-node-component-publish .btn-default.btn-toggle:hover .tree-node-component-publish .btn-default.btn-toggle:focus .btn-arrow-right, .tree-node-component-publish .btn-default.btn-toggle:active .btn-arrow-right {
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='9'%20viewBox='0%200%206%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.1875%204.28125C5.34375%204.125%205.34375%203.90625%205.21875%203.75L1.53125%200.125C1.375%20-0.03125%201.125%20-0.03125%201%200.125L0.78125%200.34375C0.625%200.5%200.625%200.71875%200.78125%200.875L3.96875%204L0.78125%207.15625C0.625%207.3125%200.625%207.53125%200.78125%207.6875L1%207.90625C1.125%208.0625%201.375%208.0625%201.53125%207.90625L5.1875%204.28125Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.tree-node-component-publish .btn-default.btn-toggle:hover .tree-node-component-publish .btn-default.btn-toggle:focus .btn-arrow-down, .tree-node-component-publish .btn-default.btn-toggle:active .btn-arrow-down {
  background-image: url("data:image/svg+xml,%3csvg%20width='9'%20height='6'%20viewBox='0%200%209%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.71875%205.21875C4.875%205.375%205.09375%205.375%205.25%205.21875L8.875%201.5625C9.03125%201.40625%209.03125%201.15625%208.875%201.03125L8.65625%200.8125C8.5%200.65625%208.28125%200.65625%208.125%200.8125L5%204L1.84375%200.78125C1.6875%200.65625%201.46875%200.65625%201.3125%200.78125L1.09375%201.03125C0.9375%201.15625%200.9375%201.40625%201.09375%201.5625L4.71875%205.21875Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.tree-node-component-publish .btn-default.btn-toggle .btn-arrow-right {
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='9'%20viewBox='0%200%206%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.1875%204.28125C5.34375%204.125%205.34375%203.90625%205.21875%203.75L1.53125%200.125C1.375%20-0.03125%201.125%20-0.03125%201%200.125L0.78125%200.34375C0.625%200.5%200.625%200.71875%200.78125%200.875L3.96875%204L0.78125%207.15625C0.625%207.3125%200.625%207.53125%200.78125%207.6875L1%207.90625C1.125%208.0625%201.375%208.0625%201.53125%207.90625L5.1875%204.28125Z'%20fill='%23222222'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: 1px;
}
.tree-node-component-publish .btn-default.btn-toggle .btn-arrow-down {
  width: 9px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3csvg%20width='9'%20height='6'%20viewBox='0%200%209%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.71875%205.21875C4.875%205.375%205.09375%205.375%205.25%205.21875L8.875%201.5625C9.03125%201.40625%209.03125%201.15625%208.875%201.03125L8.65625%200.8125C8.5%200.65625%208.28125%200.65625%208.125%200.8125L5%204L1.84375%200.78125C1.6875%200.65625%201.46875%200.65625%201.3125%200.78125L1.09375%201.03125C0.9375%201.15625%200.9375%201.40625%201.09375%201.5625L4.71875%205.21875Z'%20fill='%23222222'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: -1px;
}
.tree-node-component-publish .btn-default.btn-editor-tree {
  background-color: transparent;
  color: var(--text-neutral);
  width: 100%;
  height: 20px !important;
  padding: 0;
  margin: var(--space-0);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.tree-node-component-publish .btn-default.btn-editor-tree:hover {
  background-color: var(--light-300);
}
.tree-node-component-publish .btn-default.btn-editor-tree:hover .btn-arrow-right {
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='9'%20viewBox='0%200%206%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.1875%204.28125C5.34375%204.125%205.34375%203.90625%205.21875%203.75L1.53125%200.125C1.375%20-0.03125%201.125%20-0.03125%201%200.125L0.78125%200.34375C0.625%200.5%200.625%200.71875%200.78125%200.875L3.96875%204L0.78125%207.15625C0.625%207.3125%200.625%207.53125%200.78125%207.6875L1%207.90625C1.125%208.0625%201.375%208.0625%201.53125%207.90625L5.1875%204.28125Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.tree-node-component-publish .btn-default.btn-editor-tree:hover .btn-arrow-down {
  background-image: url("data:image/svg+xml,%3csvg%20width='9'%20height='6'%20viewBox='0%200%209%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.71875%205.21875C4.875%205.375%205.09375%205.375%205.25%205.21875L8.875%201.5625C9.03125%201.40625%209.03125%201.15625%208.875%201.03125L8.65625%200.8125C8.5%200.65625%208.28125%200.65625%208.125%200.8125L5%204L1.84375%200.78125C1.6875%200.65625%201.46875%200.65625%201.3125%200.78125L1.09375%201.03125C0.9375%201.15625%200.9375%201.40625%201.09375%201.5625L4.71875%205.21875Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.tree-node-component-publish .btn-default.btn-editor-tree:hover.btn-jira {
  color: var(--jira-100) !important;
}
.tree-node-component-publish .btn-default.btn-editor-tree:hover.screen {
  color: var(--dark-200) !important;
}
.tree-node-component-publish .btn-default.btn-editor-tree:hover.btn-hideshow {
  color: var(--dark-200) !important;
}
.tree-node-component-publish .btn-default.btn-editor-tree:focus {
  background-color: var(--light-100) !important;
}
.tree-node-component-publish .btn-default.btn-editor-tree .tooltipbox {
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
}
.tree-node-component-publish .btn-default.btn-editor-tree .tooltipbox.show {
  display: flex;
}
.tree-node-component-publish .btn-default.btn-editor-tree.btn-jira svg {
  color: var(--grey-color--300) !important;
}
.tree-node-component-publish .btn-default.btn-editor-tree.btn-disable {
  opacity: 0.5;
  pointer-events: none;
}
.tree-node-component-publish .btn-default.btn-editor-tree .btn-arrow-right {
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='9'%20viewBox='0%200%206%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.1875%204.28125C5.34375%204.125%205.34375%203.90625%205.21875%203.75L1.53125%200.125C1.375%20-0.03125%201.125%20-0.03125%201%200.125L0.78125%200.34375C0.625%200.5%200.625%200.71875%200.78125%200.875L3.96875%204L0.78125%207.15625C0.625%207.3125%200.625%207.53125%200.78125%207.6875L1%207.90625C1.125%208.0625%201.375%208.0625%201.53125%207.90625L5.1875%204.28125Z'%20fill='%23222222'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  line-height: normal;
}
.tree-node-component-publish .btn-default.btn-editor-tree .btn-arrow-down {
  width: 9px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3csvg%20width='9'%20height='6'%20viewBox='0%200%209%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.71875%205.21875C4.875%205.375%205.09375%205.375%205.25%205.21875L8.875%201.5625C9.03125%201.40625%209.03125%201.15625%208.875%201.03125L8.65625%200.8125C8.5%200.65625%208.28125%200.65625%208.125%200.8125L5%204L1.84375%200.78125C1.6875%200.65625%201.46875%200.65625%201.3125%200.78125L1.09375%201.03125C0.9375%201.15625%200.9375%201.40625%201.09375%201.5625L4.71875%205.21875Z'%20fill='%23222222'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: -1px;
}
.tree-node-component-publish .btn-default.btn-editor-tree.page.black {
  color: var(--text-dark);
}
.tree-node-component-publish.group {
  margin-bottom: 2px;
}
.tree-node-component-publish.group .colorpalette {
  display: flex;
}
.tree-node-component-publish.group.open {
  margin-bottom: 0;
}
.tree-node-component-publish.group .tree-content .text {
  font-weight: 600;
}
.tree-node-component-publish.group .tree-content .counting {
  display: flex;
}
.tree-node-component-publish.group.hide::before {
  content: "";
  display: flex;
  width: 1px;
  height: 30px;
  position: absolute;
  left: 0px;
  border-left: 0;
}
.tree-node-component-publish.open.group::before, .tree-node-component-publish.group-child::before {
  left: -30px !important;
}
.tree-node-component-publish {
  /* &.group, */
}
.tree-node-component-publish.open.group::before, .tree-node-component-publish.group-child::before {
  content: "";
  border-left: 3px solid var(--light-300);
  display: flex;
  width: 1px;
  height: 30px;
  position: absolute;
}
@media (max-width: 668px) {
  .tree-node-component-publish.open.group::before, .tree-node-component-publish.group-child::before {
    height: 45px !important;
  }
}
.tree-node-component-publish.open.group.hide::before, .tree-node-component-publish.group-child.hide::before {
  content: "";
  display: flex;
  width: 1px;
  height: 30px;
  position: absolute;
  left: 0px;
}
.tree-node-component-publish.open.group.palette-purple-light::before, .tree-node-component-publish.group-child.palette-purple-light::before {
  border-left: 3px solid var(--palette-purple-color-light);
}
.tree-node-component-publish.open.group.palette-purple-light.hide::before, .tree-node-component-publish.group-child.palette-purple-light.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-purple-dark::before, .tree-node-component-publish.group-child.palette-purple-dark::before {
  border-left: 3px solid var(--palette-purple-color-dark);
}
.tree-node-component-publish.open.group.palette-purple-dark.hide::before, .tree-node-component-publish.group-child.palette-purple-dark.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-blue-light::before, .tree-node-component-publish.group-child.palette-blue-light::before {
  border-left: 3px solid var(--palette-blue-color-light);
}
.tree-node-component-publish.open.group.palette-blue-light.hide::before, .tree-node-component-publish.group-child.palette-blue-light.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-blue-dark::before, .tree-node-component-publish.group-child.palette-blue-dark::before {
  border-left: 3px solid var(--palette-blue-color-dark);
}
.tree-node-component-publish.open.group.palette-blue-dark.hide::before, .tree-node-component-publish.group-child.palette-blue-dark.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-green-light::before, .tree-node-component-publish.group-child.palette-green-light::before {
  border-left: 3px solid var(--palette-green-color-light);
}
.tree-node-component-publish.open.group.palette-green-light.hide::before, .tree-node-component-publish.group-child.palette-green-light.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-green-dark::before, .tree-node-component-publish.group-child.palette-green-dark::before {
  border-left: 3px solid var(--palette-green-color-dark);
}
.tree-node-component-publish.open.group.palette-green-dark.hide::before, .tree-node-component-publish.group-child.palette-green-dark.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-teal-light::before, .tree-node-component-publish.group-child.palette-teal-light::before {
  border-left: 3px solid var(--palette-teal-color-light);
}
.tree-node-component-publish.open.group.palette-teal-light.hide::before, .tree-node-component-publish.group-child.palette-teal-light.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-teal-dark::before, .tree-node-component-publish.group-child.palette-teal-dark::before {
  border-left: 3px solid var(--palette-teal-color-dark);
}
.tree-node-component-publish.open.group.palette-yellow-light::before, .tree-node-component-publish.group-child.palette-yellow-light::before {
  border-left: 3px solid var(--palette-yellow-color-light);
}
.tree-node-component-publish.open.group.palette-yellow-light.hide::before, .tree-node-component-publish.group-child.palette-yellow-light.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-yellow-dark::before, .tree-node-component-publish.group-child.palette-yellow-dark::before {
  border-left: 3px solid var(--palette-yellow-color-dark);
}
.tree-node-component-publish.open.group.palette-red-light::before, .tree-node-component-publish.group-child.palette-red-light::before {
  border-left: 3px solid var(--palette-red-color-light);
}
.tree-node-component-publish.open.group.palette-red-dark::before, .tree-node-component-publish.group-child.palette-red-dark::before {
  border-left: 3px solid var(--palette-red-color-dark);
}
.tree-node-component-publish.open.group.palette-red-dark.hide::before, .tree-node-component-publish.group-child.palette-red-dark.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-grey-light::before, .tree-node-component-publish.group-child.palette-grey-light::before {
  border-left: 3px solid var(--palette-grey-color-light);
}
.tree-node-component-publish.open.group.palette-grey-light.hide::before, .tree-node-component-publish.group-child.palette-grey-light.hide::before {
  border-left: 3px solid var(--light-300) !important;
}
.tree-node-component-publish.open.group.palette-grey-dark::before, .tree-node-component-publish.group-child.palette-grey-dark::before {
  border-left: 3px solid var(--palette-grey-color-dark);
}
.tree-node-component-publish.open.group.palette-grey-dark.hide::before, .tree-node-component-publish.group-child.palette-grey-dark.hide::before {
  border-left: 3px solid var(--light-300) !important;
}

/* sitemap tree node component */
.sitemap-tree {
  width: 100%;
}

/* dark theme */
body {
  /* light mode */
}
body .metastory-logo.light {
  display: flex;
}
body .metastory-logo.dark {
  display: none;
}
body {
  /* dark mode */
}
body.dark .metastory-logo.light {
  display: none;
}
body.dark .metastory-logo.dark {
  display: flex;
}

.sidebar-left-menu .workspace--list .c-name {
  display: none;
}
.sidebar-left-menu.open .workspace--list .avatar--name {
  display: flex;
}
.sidebar-left-menu.open .workspace--list .c-name {
  display: none;
}
.sidebar-left-menu.open .workspace--list:hover .publish-menu-tooltip {
  display: none;
}
.sidebar-left-menu.open .btn-publish-menu {
  width: 100%;
  justify-content: flex-start;
}
.sidebar-left-menu.open .btn-publish-menu.active .publish-menu-tooltip {
  color: var(--text-light);
}
.sidebar-left-menu.open .btn-publish-menu .publish-menu-icon {
  margin-right: 15px;
}
.sidebar-left-menu.open .btn-publish-menu .publish-menu-tooltip {
  position: relative;
  left: initial !important;
  top: initial;
  background-color: transparent;
  box-shadow: none;
  color: var(--text-dark);
  display: flex;
  padding: 0;
}
.sidebar-left-menu.open .sidebar-menu-bottom {
  padding: 0 18px;
}

.dropdown,
.dropup {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
}

.dropdown-menu.show {
  display: block;
}

.btn-dropdown {
  width: 100%;
  text-align: left;
}
.btn-dropdown .icon-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.btn-dropdown .icon-angle {
  margin-left: 10px;
  font-size: var(--fs-16);
}

.dropdown {
  display: inline-block;
}

.animation {
  animation: dropdownMenuAnimation 0.06s ease-in;
}

.dropdown-menu {
  background-color: var(--transparent) !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 6px !important;
  min-width: 210px;
  padding: 0 !important;
}
.dropdown-menu .dropdown-menu-box {
  background-color: var(--dropdown-bg);
  border: 1px solid var(--dropdown-border) !important;
  box-shadow: var(--dropdown-shadow) !important;
  border-radius: 6px !important;
  padding: var(--space-8) var(--space-4);
}
.dropdown-menu .dropdown-menu-box.animation {
  animation: dropdownMenuAnimation 0.06s ease-in;
}
.dropdown-menu .property-description {
  background-color: var(--text-dark);
  color: var(--dropdown-bg);
  min-height: auto;
  min-width: 150px;
  font-size: var(--fs-12);
  font-weight: 400;
  padding: 0;
  box-shadow: var(--shadow-md);
}
.dropdown-menu .property-description .dropdown-item {
  padding: 7px;
  flex-direction: column;
  align-items: flex-start;
}
.dropdown-menu .property-description .dropdown-item:hover, .dropdown-menu .property-description .dropdown-item:focus {
  cursor: pointer;
  background-color: var(--text-dark);
}
.dropdown-menu .property-description .dropdown-item img {
  margin-bottom: 5px;
}
.dropdown-menu .property-description .dropdown-item p {
  margin: var(--space-0);
  color: var(--dropdown-bg);
  font-size: var(--fs-12);
}
.dropdown-menu .dropdown-menu-head {
  font-size: var(--fs-12);
  padding: var(--space-0) var(--space-8) var(--space-8);
  color: var(--text-neutral);
  text-transform: uppercase;
  font-weight: 500;
}
.dropdown-menu .dropdown-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 32px;
  color: var(--text-dark);
  cursor: pointer;
  background-color: var(--transparent);
  border: 1px solid var(--transparent);
  border-radius: 6px;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
  cursor: pointer;
  background-color: var(--item-blue-bg-hover);
  border: 1px solid var(--item-blue-border-hover);
  color: var(--text-dark);
}
.dropdown-menu .dropdown-item > .icon {
  width: 28px;
  margin-right: 10px;
  font-size: var(--fs-14);
  color: var(--text-dark);
  display: flex;
  justify-content: center;
  align-items: center;
}
.dropdown-menu .dropdown-item > .content {
  width: 100%;
  font-size: var(--fs-14);
  white-space: initial;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.dropdown-menu .dropdown-item > .content > h6 {
  font-size: var(--fs-14);
  font-weight: 400;
  margin: var(--space-0);
  line-height: 20px;
}
.dropdown-menu .dropdown-item > .content > p {
  margin-bottom: 0;
  font-size: var(--fs-12);
  color: var(--text-neutral);
}
.dropdown-menu .dropdown-item > .arrow {
  width: 15px;
}
.dropdown-menu .dropdown-item.disabled {
  color: var(--text-neutral);
}
.dropdown-menu .dropdown-item.disabled svg {
  color: var(--text-neutral);
}
.dropdown-menu .dropdown-item.active {
  background-color: var(--dropdown-bg);
  color: var(--text-dark);
}
.dropdown-menu.dropdown-menu-inline.dropdown-branch-application {
  position: relative !important;
  transform: none !important;
}
.dropdown-menu.dropdown-menu-inline.dropdown-branch-application .dropdown-menu-box {
  max-height: 520px !important;
  background: transparent;
  box-shadow: none !important;
  margin: 10px 0;
}
.dropdown-menu.dropdown-menu-inline.dropdown-branch-application .dropdown-menu-box .dropdown-menu-search {
  background-color: var(--dropdown-bg);
}
.dropdown-menu.dropdown-menu-inline.dropdown-branch-application .dropdown-menu-box li {
  margin: 10px 15px;
}
.dropdown-menu.dropdown-menu-inline .dropdown-item {
  background: var(--dropdown-bg);
  border: 1px solid var(--dropdown-border);
  border-radius: 6px;
}
.dropdown-menu.dropdown-menu-inline .dropdown-item:hover {
  background: var(--dropdown-bg);
  border: 1px solid var(--dropdown-border);
  box-shadow: var(--dropdown-shadow);
}
.dropdown-menu.dropdown-menu-inline .content {
  flex-direction: row;
  justify-content: space-between;
}
.dropdown-menu.dropdown-menu-inline .content h6 {
  font-weight: 600;
}
.dropdown-menu.dropdown-menu-inline a {
  flex-direction: column;
}
.dropdown-menu.dropdown-menu-inline .summary {
  font-size: var(--fs-12);
  color: var(--text-dark);
  margin-top: 2px;
}

.dropdown-item-input {
  padding: 0rem 1rem;
}

.dropdown-divider {
  margin: var(--space-8) var(--space-0) !important;
  border-top: 1px solid var(--border-neutral) !important;
}